ändern Sie die Schriftfarbe bei mouseover

Ich habe eine Tabelle die zeigt das Ergebnis meiner MYSQL Abfrage. Zu dieser Tabelle habe ich Hinzugefügt, Zeile hervorheben, wie Sie sehen können, in der der code unterhalb dieser funktioniert bestens. Aber was ich versuche zu tun, ist auch die Farbe der Schrift als die Zeile ist markiert, aber nicht mit viel Erfolg. Irgendwelche Vorschläge würden geschätzt.

 <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>
InformationsquelleAutor Sam Williams | 2013-09-06
  1. 1

    Ändern Sie diese Zeile :

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

    Zu :

    <tr class="active">

    Und Sie müssen schreiben CSS :

    tr.active{ background-color: #222222; }
tr.active:hover{
   background-color: gold;
   color: gold;
}
    • Danke, das ist eine viel sauberere Weg, es zu tun, und nie in Erwägung gezogen. Sehr geschätzt wird.
    InformationsquelleAutor Aldi Unanto
  2. 0
    tr.active:hover{
color:gold;

    }

    und Sie können Ihre gewünschte Resultat mit CSS, wenn Sie class-oder ID-klug.

    InformationsquelleAutor Prashant Sharma
  3. 0

    Zur änderung color von hover-Zeile,können Sie diese verwenden: 

    tr:hover
{
   color:blue;
}
    • Hi Danke, ja, aber es ändert sich nur die Farbe, wenn Sie den Mauszeiger über die jeweilige Spalte eingefügt werden, und ich möchte das ändern der Farbe von allen der text in diese Zeile ein.
    • verwenden Sie meine neue Antwort
    InformationsquelleAutor Majid
Schreibe einen Kommentar