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，所以如果你想在活动时添加样式，你可以通过以下方式实现：

在Component Css中：

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

组件面添加：

encapsulation : ViewEncapsulation.None

<强> WORKING DEMO