カスタムCSS for Webixトグルボタン

Question

私はトグルボタンを再描画しようとしていますが、すべての試みの後で、まだ正しいCSSスタイルで上書きすることができません。あなたが見ることができるように、.webix_el_toggle.webix_pressedが動作しないと私は最終的にトグルのCSSクラスの中で失ってしまった

.webix_el_toggle button{ 
    background-color:grey !important; 
    border-color: gray !important; 
} 
.webix_el_toggle.webix_pressed button{ 
    background-color:green !important; 
    border-color: green !important; 
} 

：

現在の実装では、http://webix.com/snippet/ebbe2e11

CSSです。それを変更する方法はありますか？

Answer 1

私は解決策を見つけました。 のために必要なCSSクラスはトグルが.webix_el_box.webix_pressedで押す：

.webix_el_toggle button{ 
    background-color:grey !important; 
    border-color: gray !important; 
} 
.webix_el_box.webix_pressed button{ 
    background-color:green !important; 
    border-color: green !important; 
} 

Snippet