2016-03-16 78 views
0

我想刪除應用背景色效果對角材料標籤被點擊時:角材質:點擊時改變標籤的背景顏色/活性

以下爲md-tabs

鏈接當我點擊選項卡上,我可以看到一個背景顏色正在申請的div元素:

這裏是screenshot

我試着用下面的代碼爲忽略的風格,但沒有考慮到的影響:

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

幫助!!

+0

如果您發佈了一些代碼,我們可以幫助您回覆更好。 –

+0

@ KevinAndrid-好的。我將創建一個小提琴 – Aparna

+0

@ KevinAndrid-這裏是JSFiddle文件-https://jsfiddle.net/suunyz3e/87/ – Aparna

回答

3

只需使用類即css。看下面的例子。

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

+0

謝謝你的回覆。我試過你的解決方案,但它並沒有消除粉紅色的背景色效果。我創建了一個jsfiddle文件。請檢查.https://jsfiddle.net/suunyz3e/87/ – Aparna

+1

只需在'md-tabs'中使用'md-no-ink'屬性。 http://codepen.io/next1/pen/JXbVQN – nextt1

+0

非常感謝。有效。 :-) ..接受你的回答 – Aparna

0

您可以從您的SCSS/CSS的覆蓋材料的造型。就像這樣:

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

由於視圖封裝,您需要使用/深/選擇,將讓你得到當組件渲染添加材料類的保持。