如何在懸停狀態下更改角度材質按鈕的背景顏色？

Question

我有一個角按鈕：

<button md-button class="link-btn" >Cancel</button> 

.link-btn { 
    background-color: transparent; 
    background-repeat: no-repeat; 
    border: none; 
    cursor:pointer; 
    overflow: hidden; 
    outline:none; 
    font-size: 0.8em; 
    padding: 0px; 
} 

.link-btn:hover { 
    background-color: transparent; 
    background-repeat: no-repeat; 
    border: none; 
    cursor:pointer; 
    overflow: hidden; 
    outline:none; 
    font-size: 0.8em; 
    padding: 0px; 
} 

通常它是設置透明背景，但在hover狀態，示出的灰色背景？如何刪除？

Answer 1

的按鈕樣式被封裝，所以你必須使用/深/選擇器，更改內部風格。

試試這個：

.link-btn /deep/ .mat-button-focus-overlay { 
    background-color:transparent; 
} 

Plnkr

更新：

角度V4.3.0的/deep/選擇使用，將被::ng-deep選擇更換。您可以在文檔中找到更多信息：Angular Documentation

Answer 2

嘗試添加下列到你的CSS ...

.mat-button-focus-overlay { 
    background-color:transparent; 
} 

或者

.mat-menu-item:hover { 
    background-color:transparent; 
}