0

当我将鼠标悬停在该行中的一个单元格上时,CSS 中是否有任何方法可以更改由 3 列组成的表格中的行的背景颜色?

table tr:hover
{
    background-color:blue;
}

似乎不起作用。

更新

我正在使用 Mozilla Firefox,它仅在我将鼠标悬停在<th>not a时才有效<td>

4

4 回答 4

1

This works fine for me:

http://jsfiddle.net/EJ63m/

<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?

于 2012-10-26T20:16:46.500 回答
1

使用此语法:

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/

于 2012-10-26T20:09:56.867 回答
1

tr:悬停{背景颜色:红色;}

于 2012-10-26T20:11:36.940 回答
0

这就是解决它的方法。

table tr:hover > td
{
    background-color:aqua;
}
于 2012-10-26T21:29:45.800 回答