2016-12-28 19 views
0

私のアプリでは、WebixスキンでWebixを使用します。私はボタンがあるときに、ボタンの背景をカスタマイズしようとしている:Webix Webスキンのスタイルボタン

  • を推移し
  • (マウスボタンがまだ押されたときに)クリックはちょうど私が対応するCSS-を使用

を重視しましたslectors:

.mouseover button:active { 
    background:#d7dff7;  
    border-color:#d7dff7; 
    } 
    .mouseover button:focus{ 
    background:#e2d7f7; 
    border-color:#e2d7f7; 
    } 
    .mouseover button:hover{ 
    background:#c2cae0; 
    border-color:#c2cae0; 
    } 

私が届かないことができる唯一のことはactiveセレクタです。以下のサンプルでは、​​いずれかのボタンをクリックすると、デフォルト灰色の背景表示されます試してみてください。

http://webix.com/snippet/a5687eff

を私はそれがクリックされたボタンのクラスであるべきと思ったが、それは働いていないと私は思いこれにこだわったどんな助けもありがとうございます。

答えて

1

CSSセレクタ ".webixtype_base:active"には "background:#dedede!important;"があります。 webix.cssでそのため、 ".mouseover button:active"の背景スタイルがオーバーライドされています。 "!important"を追加するだけで、背景スタイルを優先することができます。

ここをクリック。http://webix.com/snippet/1ee67de2

関連する問題