无法删除材料设计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; 
} 

，并把阶级“无悬停”在表标签。