md-checkbox Angular material styling

Question

Bei der Verwendung von Angular-Materialien mit Angular4 kann ich die Checkbox-Farbe nach der Überprüfung nicht ändern.

Der einzige Weg für mich gearbeitet Styling in der Anfangs Ansicht zu ändern ist:

:host /deep/ .mat-checkbox-inner-container{ 
    height:15px; 
    width:15px; 
    background-color: rgba(0, 255, 0, 0.87); 
} 

Der Versuch, Styling zu ändern, nachdem auf checked, folgenden nicht gearbeitet hat:

:host /deep/ .mat-checkbox-checked { 
background-color:yellow; 
} 

Es tatsächlich angewandt Nach der Prüfung, aber in falschem Element - nicht am inneren Behälter angewendet.

Etwas wie :host /deep/ .mat-checkbox-inner-container-checked funktioniert nicht so gut.

Jede Hilfe ist willkommen.

Answer 1

Try this one :)

.mat-checkbox-checked.mat-accent .mat-checkbox-background, .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background { 
    background-color: rgb(27, 142, 241) !important; 
} 

.mat-ripple-element { 
    background: rgba(27, 142, 241, .4) !important; 
} 

Answer 2

Versuchen zu verwenden .md-checkbox.md-checkedCheckbox Styling Siehe,

:host /deep/ .md-checkbox.md-checked .md-icon { 
    background-color:yellow!important; 
}