無法刪除材料設計Lite上的tr元素懸停

Question

我想要使用Material Design Lite刪除表格上tr元素的背景顏色。

我正在使用Sass。

這是代碼造成的影響：

.mdl-data-table tbody tr:hover { 
background-color: #FFFFFF !important; 
} 

這是我使用的是不積極的結果代碼：

.mdl-data-table tbody tr:hover{ 
    tr:hover .no-hover{ 
    background-color: #FFFFFF !important; 
    } 
} 

我缺少的是實現我所需要的行爲？

Answer 1

你靶向：

tr:hover .no-hover { 
    background-color: #FFFFFF !important; 
} 

這與類no-hover（大概是表格單元格），尋找一個錶行與孩子。背景顏色實際上被應用於行本身。

我相信你正在尋找替代的是：

tr.no-hover:hover { 
    background-color: #FFFFFF !important; 
} 

與類no-hover針對一個行。

希望這會有所幫助！

Answer 2

我有同樣的問題，並解決了相同的結果不同的一點：

.no-hover tbody tr:hover { 
    background-color: #FFFFFF !important; 
} 

，並把階級「無懸停」在表標籤。