tr：hover not working [英] 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; 
} 
 
 //  - 这个css为td保持覆盖我之前显示的一个
 .list1 td {
 background-color：＃ccc000; 
} 
  

感谢您的反馈！

  table.YourClass tr：class =h2_lin>解决方案

hover td {
background-color：#FEFEFE;
}


行不完全支持背景颜色， of：hover和child元素将产生您需要的结果。

I'm trying to highlight (change background color) of the entire row when the mouse is hovering on a table row. I searched through the Net and it should be working, but it doesn't. I'm displaying it on 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>

my css:

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

The correct css should be:

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

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

Thanks for the feedback guys!

解决方案

Your best bet is to use

table.YourClass tr:hover td {
background-color: #FEFEFE;
}

Rows aren't fully support for background color but cells are, using the combination of :hover and the child element will yield the results you need.

这篇关于tr：hover not working的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！