我试图突出显示(更改背景颜色)的整个行,当鼠标悬停在表行上。我通过网络搜索,它应该是工作,但它不。我在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; }
行不完全支持背景颜色,但单元格使用悬停和子元素的组合将产生您需要的结果。