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;
}
`
],
Du musst angemeldet sein, um einen Kommentar abzugeben.
Zur folgenden Vorlage, die verwendet ng-bootstrap-tabs:
können Sie überschreiben die Standard-tab-title-style mit diesen CSS-Regeln:
Sehendieses stackblitz für eine demo.
Hinweis: Wenn das Attribut
class="tabset1"
ist nicht auf diengb-tabset
element, der Selektor.tabset1
sollte entfernt werden aus der CSS-Stile.