angular - 更改 ngb-tab 标题的样式

我想在 ngb-tab 中设置标题的样式，使其不是 anchor 标记的默认蓝色。理想情况下是这样的，但是 class 属性似乎对 ngb-tab 没有影响。

HTML:

<ngb-tabset #t="ngbTabset">
    <ngb-tab [title]="'Followers'" class="tab-title">
        <ng-template ngbTabContent>
            ...
        </ng-template>
    </ngb-tab>
    <ngb-tab [title]="'Following'" class="tab-title">
        <ng-template ngbTabContent>
            ...
        </ng-template>
    </ngb-tab>
</ngb-tabset>

CSS:

.tab-title {
  color: inherit;
}

最佳答案

根据文档 https://ng-bootstrap.github.io/#/components/tabs/ 您可以使用他们的 ngbTabTitle 指令来设置标题的样式。

例子:

<ngb-tabset>
 <ngb-tab>
  <ng-template ngbTabTitle><span class="tab-title">Fancy Title</span></ng-template>
  <ng-template ngbTabContent>Content</ng-template>
 </ngb-tab>
</ngb-tabset>

关于angular - 更改 ngb-tab 标题的样式，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/47640998/