eckig-material ändern checkbox farbe

Ich verwende checkbox von angular-material2. Derzeit wird die Standardfarbe des Kontrollkästchens als lila Farbe angezeigt.
Sieht so aus, als hätten sie die Standardfarbe des Kontrollkästchens von "Primär" auf Akzent geändert.
Gibt es eine Möglichkeit, "primäre" (grüne) Farbe anstelle von lila zu erhalten, ohne CSS zu übersteuern.
Ich habe versucht, Farbe = "primäre" zu geben, aber das hat nicht funktioniert.eckig-material ändern checkbox farbe

Code: <md-checkbox></md-checkbox>

Import-Anweisung:

import {MdCheckbox} from '@angular2-material/checkbox';

Plunker http://plnkr.co/edit/sFC0kfdzj7fxtUC3GXdr?p=preview

Quelle

2016-05-20 Krishna

Dies sollte der Standard-Checkbox Farbe kümmern

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

lesen Sie hier mehr bei Angular Material Documentation

Quelle

2016-05-20 06:59:41

Dies ist für Winkelmaterial 1,8. Meine Frage ist für Material2. Changing css ist eine der Art, aber ich bin auf der Suche nach einer Möglichkeit, dies zu tun, ohne css ändern/überschreiben, weil angular-material2 selbst viele Themen hat. Ich möchte einen Weg finden, existierende Themen zu verwenden, ohne css zu überschreiben. – Krishna

Korrigieren Sie mich, wenn ich falsch liege, aber ich denke, die neueste Version für 'Angular-Material ist 1.0.8'. –

Ja, Sie haben Recht. Freigegebene Version ist 1.0.8. Aber angular-material2 ist in der Alpha-Version und muss noch veröffentlicht werden. angular-material2 steht für angular2. – Krishna

Einer der standard Möglichkeiten, dies zu tun, ist die/deep/Selektor

md-checkbox { 
    color: rgb(0,178,0); 
    /deep/ .md-checkbox-background { 
     background-color: rgb(0,178,0); 
    } 

    /deep/ &.md-checkbox-focused{ 
     .md-ink-ripple{ 
      background-color: rgba(0, 178, 0, .26); 
     } 
    } 
}

Dass Sie Stile in Komponenten außer Kraft setzen können zu verwenden, wo Schatten Dom aktiviert ist.

Quelle

2016-08-31 18:15:42 chimon2000

Mit Beta.2 von Angular Material sollte das Attribut funktionieren.

Es gab einige Probleme mit ihm vor beta.2

die commit Siehe, die dieses Problem behoben.

Quelle

2017-03-02 19:56:56 DevVersion

eckig-material ändern checkbox farbe

Antwort

Verwandte Themen