Webix Web皮膚中的樣式按鈕

Question

對於我的應用程序，我使用帶有「web」皮膚的Webix。我想自定義按鈕的背景時，該按鈕是：

• 徘徊
• 點擊（當鼠標按鈕按下仍然）
• 只是專注

我使用相應的CSS-減震器：

.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

我認爲這應該是類將點擊的按鈕，但它不工作，我堅持這一點。任何幫助表示讚賞。

Answer 1

CSS選擇器「.webixtype_base：active」具有「background：#dedede！important;」在webix.css中。這就是爲什麼你的「.mouseover button：active」的背景風格被覆蓋的原因。 您只需添加「！important」，以便您的背景風格可以優先。

請看這裏：http://webix.com/snippet/1ee67de2