在选择时更改选项卡文本颜色

Question

我正在研究Angular4并且一直在使用角度材料。我创建了一个选项卡组，我想在选择任何选项卡时更改选项卡标签的文本颜色。我试图覆盖默认的CSS，但这对我没有帮助。

我可以覆盖墨迹栏，但我无法在选择时覆盖制表符文字颜色

.mat-ink-bar{
    background-color:#00ADEE;
}
 /*.mat-tab-label::selection{
 color: #00ADEE !important;
 } */

我试图更改标签标签颜色的注释部分。

Answer 1

您需要将以下类用于活动标签：

.mat-tab-label-active {
     color: #00ADEE !important;
 } 

以下是指向working demo的链接。

Answer 2

.mat-tab-label-active .mat-tab-label-content {
 //your style here
}