Ändern der Tab-Textfarbe bei Auswahl

Question

Ich arbeite an Angular4 und verwende eckiges Material. Ich habe eine Registerkartengruppe erstellt und möchte die Textfarbe einer Registerkartenbeschriftung ändern, wenn ich eine Registerkarte auswähle. Ich habe versucht, die Standard-CSS zu überschreiben, aber das hat mir nicht geholfen.

Ich kann die Tinte bar außer Kraft setzen, aber ich bin nicht in der Lage Tabulatextfarbe nach Auswahl

.mat-ink-bar{ 
    background-color:#00ADEE; 
} 
/*.mat-tab-label::selection{ 
color: #00ADEE !important; 
} */ 

Der kommentierte Teil, das ich versuche, zu ändern, um die Farbe einer Tab-Label-Farbe außer Kraft zu setzen.

Answer 1

Sie benötigen die folgende Klasse für die aktive Registerkarte verwenden:

.mat-tab-label-active { 
    color: #00ADEE !important; 
} 

Hier ist ein Link zu working demo ist.