Webix 切换按钮的自定义 CSS

Question

我正在尝试重新绘制一个切换按钮，但尝试了所有方法后，我仍然找不到合适的 CSS 样式来覆盖。

当前实施是 http://webix.com/snippet/ebbe2e11

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; 
}

如您所见，.webix_el_toggle.webix_pressed 不起作用，我终于在 CSS 类 之间失去了切换。有办法改变吗？

Answer 1

好的，我找到了解决方案。 pressed 切换所需的 CSS class 是 .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