Change md-casella colore

Question

Quindi sembra che posso cambiare il colore di sfondo di un vuoto md-checkbox facendo:

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

Ma non riesce a cambiare lo sfondo di una controllata md-checkbox. Ho provato a giocare con :checked, ::before, ::after ... Ma non ci sono riuscito.

Come devo procedere?

Answer 1

È necessario utilizzare la classe del tema e la combinazione di classi md-checked per definire il selettore con maggiore specificità. Per esempio:

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

E, naturalmente, evitare di utilizzare !important, questo è un segno che qualcosa non va con i vostri stili.

Answer 2

nella nuova versione aggiunto sottolineatura ._md-icon:

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