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