Benutzerdefinierte CSS für Webix Umschaltfläche

Ich versuche, eine Umschaltfläche neu zu streichen, aber nach allen Versuchen kann ich immer noch nicht den richtigen CSS-Stil zum Überschreiben finden.Benutzerdefinierte CSS für Webix Umschaltfläche

Die aktuelle Implementierung ist 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; 
}

Wie Sie sehen können, ist .webix_el_toggle.webix_pressed nicht funktioniert und ich habe schließlich unter CSS-Klassen für das Umschalten verloren. Gibt es eine Möglichkeit, es zu ändern?

Quelle

2016-04-12 tiki

definieren "neu streichen". Das Ändern der Hintergrundfarbe ".webix_el_toggle" in eine andere Farbe funktioniert. Was ist dein gewünschtes Aussehen? –

@ Jeff.Clark Ich möchte die Farbe des gedrückten Kippschalters auf grün ändern. CSS-Klassen sind für diese beiden Zustände unterschiedlich, also bin ich mir sicher, dass es möglich ist, aber ich kann keine passende Klasse finden. – tiki

Ok, ich habe eine Lösung gefunden. Die benötigte CSS-Klasse für die gedrückt Toggle ist .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

Quelle

2016-04-13 08:30:22 tiki

Benutzerdefinierte CSS für Webix Umschaltfläche

Antwort

Verwandte Themen