当我将鼠标悬停在该行中的一个单元格上时,CSS 中是否有任何方法可以更改由 3 列组成的表格中的行的背景颜色?
table tr:hover
{
background-color:blue;
}
似乎不起作用。
更新
我正在使用 Mozilla Firefox,它仅在我将鼠标悬停在<th>
not a时才有效<td>
当我将鼠标悬停在该行中的一个单元格上时,CSS 中是否有任何方法可以更改由 3 列组成的表格中的行的背景颜色?
table tr:hover
{
background-color:blue;
}
似乎不起作用。
更新
我正在使用 Mozilla Firefox,它仅在我将鼠标悬停在<th>
not a时才有效<td>
This works fine for me:
<html>
<head>
<style>
table tr:hover
{
background-color:blue;
}
</style>
</head>
<body>
<table>
<tr><td>Foo</td><td>Bar</td><td>FooBar</td></tr>
<tr><td>Bar</td><td>Foo</td><td>FooBar</td></tr>
</table>
</body>
</html>
What browser are you using?
使用此语法:
tr.hover > td:hover
{
background-color: blue;
}
<tr class="hover">
<td>;lajsdfl;jasdl;jasd;f</td>
<td>;lajsdfl;jasdl;jasd;f</td>
</tr>
小提琴:http: //jsfiddle.net/DQ9Vz/
tr:悬停{背景颜色:红色;}
这就是解决它的方法。
table tr:hover > td
{
background-color:aqua;
}