ändern md-Checkbox Farbe

Question

es aussieht So kann ich die Hintergrundfarbe eines leeren md-checkbox ändern, indem Sie:

md-checkbox .md-icon { 
background: red; 
} 

Aber ich kann nicht den Hintergrund eines geprüft md-checkbox ändern verwalten. Ich habe versucht, mit :checked, ::before, ::after zu spielen ... Aber ist nicht gelungen.

Wie soll ich fortfahren?

Answer 1

Sie müssen die Themenklasse sowie die Klassenkombination md-checked verwenden, um einen Selektor mit höherer Spezifität zu definieren. Zum Beispiel:

md-checkbox .md-icon { 
    background: red; 
} 
md-checkbox.md-default-theme.md-checked .md-icon { 
    background: orange; 
} 

Und natürlich vermeiden !important verwendet, ist dies ein Zeichen dafür, dass etwas mit Ihrem Stil falsch ist.

Answer 2

in der neuen Version hinzugefügt Strich ._md-Symbol:

md-checkbox.md-checked ._md-icon { 
     background-color: white; 
}