即使在活动选项卡上，Angular Material 选项卡也会变灰答案

【问题标题】：Angular Material tab grayed out even on the active tab即使在活动选项卡上，Angular Material 选项卡也会变灰
【发布时间】：2019-08-08 20:37:31
【问题描述】：

我正在使用 Angular Material 选项卡。默认情况下，选项卡标签会略微变灰。如果您单击一个选项卡，标签将移除不透明度，直到您单击另一个选项卡或屏幕上的其他位置。即使这是默认情况下的工作方式，是否有办法通过删除活动选项卡上的任何不透明度来覆盖它，无论您在做什么？

【问题讨论】：

您需要提供stackoverflow.com/help/minimal-reproducible-example
听起来你在谈论焦点指示器 - 我建议你不要管它。
Nathaniel Johnson，您可以在 Angular Material 的网站上看到该行为。这些示例以这种方式运行。 material.angular.io/components/tabs/examples

【解决方案1】：

将此添加到父组件的 CSS

::ng-deep .mat-tab-label.mat-tab-label-active {
  opacity: 1;
}

注意 ::ng-deep 在全局样式页面中不起作用

【讨论】：