0

この行のセルにカーソルを合わせると、CSS で 3 列からなるテーブルの行の背景色を変更する方法はありますか?

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

うまくいかないようです。

アップデート

Mozilla Firefox を使用して<th>います。<td>

4

4 に答える 4

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:hover{ background-color:red; }

于 2012-10-26T20:11:36.940 に答える
1

これは私にとってはうまくいきます：

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>

どのブラウザを使用していますか?

于 2012-10-26T20:16:46.500 に答える
0

それを解決したのがこれです。

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