changer la couleur de la police sur la souris sur

J'ai une table qui montre les résultats de ma requête MYSQL. À cette table j'ai ajouté la mise en évidence de rangée comme vous pouvez voir dans le code ci-dessous ceci fonctionne parfaitement bien. Cependant, ce que j'essaie de faire, c'est aussi changer la couleur de la police lorsque la ligne est en surbrillance, mais pas avec beaucoup de succès. Toute suggestion serait appréciée.changer la couleur de la police sur la souris sur

<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>

Source

2013-09-06 Sam Williams

Modifier cette ligne:

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

Pour:

<tr class="active">

Et vous devez écrire CSS:

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

Source

2013-09-06 01:51:00

Merci, c'est une façon beaucoup plus propre de le faire, et je ne l'ai jamais envisagé. Très appréciée. –

Pour changer color de la ligne de vol stationnaire, vous pouvez utiliser ceci:

tr:hover 
{ 
    color:blue; 
}

Source

2013-09-06 01:42:35

Salut Merci, oui, mais cela ne change la couleur que si vous passez la souris sur cette colonne particulière, et je veux changer la couleur de tout le texte de cette rangée. –

@SamWilliams utilise ma nouvelle réponse –

tr.active:hover{ 
color:gold;

}

et vous pouvez obtenir le résultat souhaité avec CSS si vous utilisez à bon escient classe ou ID.

Source

2013-09-06 01:58:39

changer la couleur de la police sur la souris sur

Répondre

Questions connexes