html - 如何在html中处理鼠标悬停在表格的一行上

Question

我有一个 html 表格:

<table>
   <tr class="myClass">
    <td>John</td>
    <td>Smith</td>
   </tr>
</table>

我想要的是改变字体颜色、背景颜色，并在用户将鼠标移到行上时使用指针，行上的任何点。我在下面使用，但它不起作用？

tr.myClass:hover
{
  cursor: pointer;
    color: #1d5987; 
    background:#F0F8FF;
}

下面的代码可以正常工作，但更改会影响光标所在的列而不是所有行。

tr.myClass:hover>td:hover 
{ 
    cursor: pointer;
    color: #1d5987; 
    background:#F0F8FF;
}

我怎样才能做到？谢谢

编辑:答案无济于事。我认为我的主要问题是，当我在行上驱动光标时单击 F12 时，只有光标所在的行被突出显示，但所有行都应该被突出显示。

Answer 1

将您的 CSS 代码更改为以下:

.myClass:hover
{ 
    cursor: pointer;
    color: #1d5987; 
    background:#F0F8FF;
}

希望对您有所帮助。