Смена стиля строки таблицы

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

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

Добавить класс в строку таблицы, какИтак:

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

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

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

.highlighter:hover {
    background: #ffff99;
 }

Answer 3

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