我正在使用这个Bootstrap选项卡
<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>
选项卡上的文本颜色为蓝色。我知道如果创建全局样式,可以覆盖默认设置。但我想从父组件中设置选项卡样式。
我知道可以样式化子组件,但在这种情况下不起作用(如何从父组件的CSS文件中样式化子组件?)。有什么建议吗?
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;
}
`
],