首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Angular 6- ng-bootstrap风格的标签

Angular 6- ng-bootstrap风格的标签
EN

Stack Overflow用户
提问于 2018-06-04 03:51:02
回答 1查看 12.8K关注 0票数 6

我有这个引导选项卡

代码语言:javascript
运行
复制
<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>

选项卡上的文本颜色为蓝色。我知道,如果我创建全局样式,我可以覆盖默认值。但我想从父组件设置选项卡的样式

我知道我可以样式子组件,但它在这种情况下不起作用(How to style child components from parent component's css file?)。有什么建议吗?

代码语言:javascript
运行
复制
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;
 }
`
],
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50670413

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档