Zmiana koloru MD-checkbox

Question

Wygląda więc na to mogę zmienić background-color pustego md-checkbox wykonując:

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

Ale nie uda się zmienić tło sprawdzonej md-checkbox. Próbowałem grać z :checked, ::before, ::after ... Ale się nie udało.

Jak powinienem kontynuować?

Answer 1

Należy użyć kombinacji klasy kompozycji, a także md-checked, aby zdefiniować selektor o większej specyficzności. Na przykład:

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

I oczywiście uniknąć stosując !important, jest to znak, że coś jest nie tak ze swoimi stylami.

Answer 2

w nowej wersji Dodano podkreślenia ._md-ikony:

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