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;

}

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

更改鼠标上的字体颜色

3 个答案: