css – tr:hover not working

前端之家收集整理的这篇文章主要介绍了css – tr:hover not working前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图突出显示(更改背景颜色)的整个行,当鼠标悬停在表行上。我通过网络搜索,它应该是工作,但它不。我在Chrome上显示它。
<table class="list1">
<tr>
   <td>1</td><td>a</td>
</tr>
<tr>
   <td>2</td><td>b</td>
</tr>
<tr>
   <td>3</td><td>c</td>
</tr>
</table>

我的css:

.list1 tr:hover{
background-color:#fefefe;
}

正确的CSS应该是:

.list1 tr:hover td{
background-color:#fefefe;
}

//--this css for the td keeps overriding the one i showed earlier
.list1 td{
background-color:#ccc000;
}

感谢反馈家伙!

解决方法

你最好的打赌是使用
table.YourClass tr:hover td {
background-color: #FEFEFE;
}

行不完全支持背景颜色,但单元格使用悬停和子元素的组合将产生您需要的结果。

猜你在找的CSS相关文章