mat-tab-group 不显示所选默认选项卡的样式

Question

我有三个标签：label1,label2和label3。每一个内部都有另一组选项卡。现在默认label1显示所选样式及其tab1内部。现在，一旦我点击另一个标签，就像label 2另一组标签加载，但没有一个标签显示突出显示。也一样label3。我必须明确单击选项卡才能查看样式。

请找到该问题的链接：https : //stackblitz.com/edit/angular-tyjslw?file=app/tabs-template-label-example.html

Answer 1

他们只是在焦点上添加 css，所以如果你想在 active 上添加样式，你可以通过以下方式实现：

在组件 CSS 中：

.mat-tab-label-active{
  background-color: red;
  opacity: 1;
}

组件端添加：

encapsulation : ViewEncapsulation.None

工作演示