Webix geçiş düğmesi için özel CSS düğmesi

Bir geçiş düğmesini yeniden boyamaya çalışıyorum, ancak tüm denemelerden sonra, üzerine yazmak için doğru CSS stilini bulamıyorum. Gördüğünüz gibiWebix geçiş düğmesi için özel CSS düğmesi

.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 çalışmıyor ve nihayet geçiş CSS sınıfları arasında kaybettim:

Güncel uygulama http://webix.com/snippet/ebbe2e11

CSS olduğunu. Değiştirmenin bir yolu var mı?

kaynak

2016-04-12 tiki

"yeniden boyamak" tanımlayın. .webix_el_toggle düğmesi arka plan rengini başka bir renge dönüştürür. İstediğiniz görünüm nedir? –

@ Jeff.Clark Basılı geçişin rengini yeşile değiştirmek istiyorum. CSS sınıfları bu iki durum için farklıdır, bu yüzden eminim mümkündür, ancak değişecek doğru bir sınıf bulamıyorum. – tiki

Tamam, bir çözüm buldum. için gerekli CSS sınıf geçiş .webix_el_box.webix_pressed olduğunu basıldığında:

.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

kaynak

2016-04-13 08:30:22 tiki

Webix geçiş düğmesi için özel CSS düğmesi

cevap

İlgili konular