Подтвердить что ты не робот

Как выделить строку таблицы при наведении только с помощью CSS?

Можно ли выделить строку таблицы при наведении (что-то вроде this), используя только CSS (без JavaScript)?

4b9b3361

Ответ 1

Да, строка возможна, но не столбцом.

tr:hover {
  background-color: lightyellow;
}

Ответ 2

Да, это возможно, но вам нужно беспокоиться о совместимости браузеров, вот пример

<style type="text/css">
    .tbl {width: 640px;}
    .tbl tr {background-color: Blue; height: 24px}
    .tbl tr:hover {background-color: Red;}
</style>


<table class="tbl">
    <tr><td></td><td></td><td></td></tr>
    <tr><td></td><td></td><td></td></tr>
    <tr><td></td><td></td><td></td></tr>
    <tr><td></td><td></td><td></td></tr>
</table>

Ответ 3

Если вам не нравится Internet Explorer, : hover CSS-псевдокласс работает с любым элементом.

Если вы позаботились об IE, вы можете найти обходное решение здесь.