html - 在鼠标悬停时更改字体颜色

Question

我有一张表，它显示了我的 MYSQL 查询的结果。正如您在下面的代码中看到的那样，我在该表中添加了行突出显示，这非常有效。然而，我想要做的也是在突出显示该行时更改字体的颜色，但并没有取得太大的成功。任何建议，将不胜感激。

 <tr class="active" bgcolor="#222222" onMouseOver="this.bgColor='gold';" onMouseOut="this.bgColor='#222222';" onMouseOver="Color='gold';">                  
            <td height="40" align="left" class="nrmgrid4" onMouseOver="Color='red';" ><div id="master_row"><?php echo "$timedate"; ?></div></td>
            <td align="left" class="nrmgrid4" onMouseOver="Color='red';"><div align="left"><?php echo "<a href=\"visitor-detailpage.php?id={$id}\">$company_name</a>";?></div></td>
            <td align="center" class="nrmgrid4" onMouseOver="Color='red';" ><?php echo "$region_name"; ?></td>
            <td align="center" class="nrmgrid4" onMouseOver="Color='red';" ><?php echo "$page_views"; ?></td>
            <td align="center" class="nrmgrid4" onMouseOver="Color='red';"><?php echo "$referrer"; ?></td>
            <td align="center" class="nrmgrid4" onMouseOver="Color='red';"><?php echo "$search_term"; ?></td>
            <td align="center" class="nrmgrid4" onMouseOver="Color='red';">&nbsp;</td>
            <td align="center" class="nrmgrid4" onMouseOver="Color='red';"><?php echo "<a href=\"editVisitorList.php?id={$id}\">Edit</a>";?></td>
          </tr>

Answer 1

更改此行：

<tr class="active" bgcolor="#222222" onMouseOver="this.bgColor='gold';" onMouseOut="this.bgColor='#222222';" onMouseOver="Color='gold';">

到 ：

<tr class="active">

你必须写CSS：

tr.active{ background-color: #222222; }
tr.active:hover{
   background-color: gold;
   color: gold;
}

Answer 2

要更改color悬停行，您可以使用以下命令：

tr:hover
{
   color:blue;
}

Answer 3

tr.active:hover{
color:gold;

}

如果您明智地使用 class 或 ID，您可以使用 CSS 获得所需的结果。