Onmouseover изменить цвет строки таблицы

Question

Это мой стол.

<?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>'; 
} 

?> 

Теперь я хочу, чтобы пользователь перемещал указатель мыши на одну строку, цвет должен меняться.

Answer 1

Если вам не нужно поддерживать IE 6, добавьте в ваш CSS:

table tr:hover { 
    background:orange; 
} 

Answer 2

сделать ваши <tr> теги <tr onMouseOver="this.bgColor='#EABF4E';">, или использовать table tr:hover в CSS.

Answer 3

Я немного нуб, но я думаю, вам нужно дать таблице строку класс, а затем дать этому классу свойство hover в вашем файле css.

Добавить класс в строку таблицы следующим образом:

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

Вы можете назвать это что угодно, только убедитесь, что вы используете то же имя в файле CSS.

Теперь, стиль класса, так что он меняет цвет, когда мышь пользователя парит над ним:

.highlighter:hover { 
    background: #ffff99; 
}