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

问题描述:

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

I want to remove the background-color effect applying when clicked on tab in angular material:

这是md-tabs

当我单击选项卡时,我可以看到背景颜色应用于 div 元素:

When I click on the tab, I can see a background-color is applying to the div element:

这是屏幕截图

我尝试使用以下代码覆盖样式,但没有生效:

I tried to over-ride the style with the following code, but not taking into effect:

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

帮助!!

只需使用 css 中的 .md-tab.md-active 类.见下面的例子.

Just use the .md-tab.md-active class in css. see the below example.

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