如何在webix图标按钮上动态应用css?

时间:2018-03-14 04:56:59

标签: css button webix

我有一个在defalut状态下被禁用的webix图标按钮。 但每当我选择一行数据表时,它应该变为启用状态,并且应该在其上应用新的css类,从而导致其不透明度和背景颜色变化。

我的摘录是https://snippet.webix.com/t3kcujxl

请帮助,谢谢。

1 个答案:

答案 0 :(得分:1)

您无需更改按钮的css属性,只需从点击处理程序

启用它
onAfterSelect:function() { 
  $$('delete').enable();
}

在css中,您可以像下一个一样使用某些东西。这里按钮的样式将根据.webix_disabled_view类而有所不同,该类被添加到所有禁用的元素中。

.webix_disabled_view.opq button{
    background-color: transparent !important; /* Green */
    opacity: 0.4;
}
.opq button{
    background-color: #ac52af; /* red */
    opacity: 1;

}

https://snippet.webix.com/z5c09h6z