Webix切换按钮的自定义CSS

时间:2016-04-12 16:58:48

标签: css button toggle webix

我尝试重新绘制切换按钮,但在所有尝试之后,我仍然无法找到要覆盖的正确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课程中输掉了切换。有没有办法改变它?

1 个答案:

答案 0 :(得分:0)

好的,我找到了解决方案。 按下切换所需的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