更改ngb标签标题的样式

Question

我想在ngb-tab中设置标题的样式，使其不是锚标记的默认蓝色。理想情况下是这样的，但是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;
}

Answer 1

根据文档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>