角度材质：单击/激活时更改选项卡的背景颜色

Question

我想删除在角度材质中单击选项卡时应用的背景颜色效果：

以下是md-tabs

的链接

当我点击标签时，我可以看到背景颜色正在应用于div元素：

以下是screenshot

我尝试使用以下代码覆盖该样式，但未生效：

.md-ripple-container:active{
    background-color: none; !important
}

帮助!!

Answer 1

只需使用.md-tab.md-active中的css课程即可。见下面的例子。

http://codepen.io/next1/pen/JXbVQN

Answer 2

您可以从scss / css覆盖材质样式。像这样：

/deep/ .mat-tab-group.mat-primary mat-tab-label-active{
  background-color: red;
}

由于视图封装，您需要使用 / deep / 选择器，以便在渲染组件时获取添加的Material类。