将自定义类应用于 mat-tab-group 中的 mat-tab

Question

我想根据条件将自定义样式应用于

mat-tabs

内的某些

mat-tab-group

。

父级

mat-tab-group

默认情况下已经有一个自定义样式，可以按预期工作。这是如何完成的：

.mat-mdc-tab-group.round-tabs,
.mat-mdc-tab-nav-bar.round-tabs {
  .mdc-tab {
    border: 1px solid gray;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    background-color: yellow;
  }
}

但是，我无法在

mat-tab

上应用任何基于条件的自定义样式。这是一个 Stackblitz 来展示我到目前为止所拥有的。感谢任何形式的帮助来完成这项工作，谢谢！

Answer 1

快速搜索给了这个机会

[labelClass]="option.highlight ? 'highlight' : ''"

在组件CSS中：

::ng-deep .highlight {
  background-color: red !important;
}