自定义开箱即用的角度选项卡

Question

我正在尝试自定义 Angular Material 14 中的一些开箱即用样式。到目前为止，我已经能够更改选项卡颜色和背景颜色。但如何更改蓝色活动栏？

https://stackblitz.com/edit/angular-twq7kg?file=src/app/tab-group-basic-example.css

我想知道如何自定义蓝色活动栏。

Answer 1

.mat-tab-group.mat-primary .mat-ink-bar, 
.mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: red;
}

Answer 2

试试这个：

::ng-deep .mat-ink-bar {
  background-color: red !important;
}