Winkel-6 - ng-bootstrap - Stil Registerkarten

Bin ich mit dieser bootstrap tabs

<ngb-tabset>
    <ngb-tab title="Tab 1">
        <ng-template ngbTabContent>
            Tab 1
        </ng-template>
    </ngb-tab>
    <ngb-tab title="Tab 2">
        <ng-template ngbTabContent>
            Tab 2
        </ng-template>
    </ngb-tab>
</ngb-tabset>

Die Farbe des Textes auf den tabs ist blau. Ich weiß, dass wenn ich das erstellen von globalen Stilen kann ich die Standardeinstellungen außer Kraft setzen. Aber ich möchte den Stil der tabs von der übergeordneten Komponente

Ich weiß, dass ich style Kinder-Komponenten, aber es funktioniert nicht in diesem Fall (Wie Stil untergeordnete Komponenten von der übergeordneten Komponente der css-Datei?). Irgendwelche Ratschläge?

styles: [
`
 :host { color: red; }

 :host ::ng-deep parent {
   color:blue;
 }
 :host ::ng-deep child{
   color:orange;
 }
 :host ::ng-deep child.class1 {
   color:yellow;
 }
 :host ::ng-deep child.class2{
   color:pink;
 }
`
],
InformationsquelleAutor Michalis | 2018-06-03
Schreibe einen Kommentar