Onmouseover Farbe der Tabellenzeile ändern

Question

Dies ist meine Tabelle.

<?php 

while(($result = mysqli_fetch_assoc($query))){ 
echo '<tr>'; 
echo '<td>'; 
echo $result['serial']; 
echo '</td>'; 
echo '<td>'; 
echo $result['address']; 
echo '</td>'; 
echo '<td>'; 
echo '<a href="profile-display.php?name='.$result['name'].'">'.$result['name'].'</a>' ; 
echo '</td>'; 
echo '<td>'; 
echo $result['postal']; 
echo '</td>'; 
echo '<td>'; 
echo $result['website']; 
echo '</td>'; 
echo '</tr>'; 
} 

?> 

Jetzt möchte ich, dass wenn ein Benutzer seine Maus über eine Zeile bewegt, die Farbe ändern sollte.

Answer 1

Wenn Sie nicht über 6 IE unterstützen müssen, fügen Sie diese zu Ihrem CSS:

table tr:hover { 
    background:orange; 
} 

Answer 2

Machen Sie Ihre <tr> Tags <tr onMouseOver="this.bgColor='#EABF4E';"> oder table tr:hover in CSS verwenden.

Answer 3

Ich bin ein bisschen wie ein Noob, aber ich denke, Sie müssen der Tabellenzeile eine Klasse geben, dann geben Sie dieser Klasse eine Hover-Eigenschaft in Ihrer CSS-Datei.

eine Klasse zu Ihrer Tabellenzeile hinzufügen wie folgt:

echo '<tr class="highlighter">'; 

Sie nennen alles, was es kann, so stellen Sie sicher, dass Sie den gleichen Namen in der CSS-Datei verwenden.

Nun Stil der Klasse so, dass es ändert sich die Farbe, wenn eine Maus darüber bewegt Benutzer:

.highlighter:hover { 
    background: #ffff99; 
}