Webix的自定義CSS切換按鈕

我想重畫一個切換按鈕，但畢竟嘗試後，我仍然無法找到正確的CSS樣式來覆蓋。Webix的自定義CSS切換按鈕

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類切換中丟失。有沒有辦法改變它？

來源

2016-04-12 tiki

定義「重繪」。將.webix_el_toggle按鈕背景顏色更改爲另一種顏色。你期望的樣子是什麼？ –

@ Jeff.Clark我想將按下的切換的顏色更改爲綠色。這兩種狀態的CSS類是不同的，所以我相信這是可能的，但我找不到一個合適的類來改變。 – tiki

好吧，我找到了一個解決方案。對於所需的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

來源

2016-04-13 08:30:22 tiki

Webix的自定義CSS切換按鈕

回答

相關問題