我正在尝试使用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;
}
}
我想要实现我需要的行为是什么?
答案 0 :(得分:4)
你正在瞄准:
<a-scene stats>
<a-sky src="../1/img/2.jpg"></a-sky>
<a-assets>
<img id="my-image" src="../1/img/bear.png" >
<img id="bear2" src="../1/img/bear.png" >
<img id="bear3" src="../1/img/bear.png" >
</a-assets>
<!-- Using the asset management system. -->
<a-image src="#my-image" width="10" height="10" position="-5 1 -7" rotation="0 10 0"></a-image>
<a-image src="#bear2" width="10" height="10" position="5 1 -5" rotation="0 -60 0"></a-image>
<a-image src="#bear3" width="150" height="150" position="-45 2 100"></a-image>
<!-- Defining the URL inline. Not recommended but more comfortable for web developers.-->
正在寻找带有孩子的表格行,其中包含类tr:hover .no-hover {
background-color: #FFFFFF !important;
}
(可能是表格单元格)。背景颜色实际上是应用于行本身。
我相信您正在寻找的是:
no-hover
其中行的目标是tr.no-hover:hover {
background-color: #FFFFFF !important;
}
。
希望这有帮助!
答案 1 :(得分:0)
我遇到了同样的问题并且解决了一些不同的结果:
.no-hover tbody tr:hover {
background-color: #FFFFFF !important;
}
并将类'no-hover'放在表标记中。