css - 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 类是 .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