如何在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;
}

希望它有所帮助。