Можно ли выделить строку таблицы при наведении (что-то вроде this), используя только CSS (без JavaScript)?
Как выделить строку таблицы при наведении только с помощью CSS?
Ответ 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, вы можете найти обходное решение здесь.