Изменить цвет строки таблицы, когда флажок установлен с помощью селекторов CSS3? - PullRequest
3 голосов
/ 01 ноября 2010

Есть ли способ изменить цвет строки в таблице, когда флажок в строке отмечен только с помощью селекторов CSS?

У меня есть следующее, но это меняет цвет флажка,не ячейки таблицы:

.table_class tr td.column0 input[type="checkbox"]:checked { background-color:#f00; }

Ответы [ 2 ]

3 голосов
/ 25 июня 2013

Вы могли бы использовать немного JS?Это будет действовать как флажок, без необходимости использовать флажок. ДЕМО

$("table tr").click(function() {
   $("table tr").css("background", "red"); //reset to original color
   $(this).css("background", "blue"); //apply the new color
});
2 голосов
/ 01 ноября 2010

AFAIK, это не возможно с чистым CSS, чтобы решить оба условия флажкаЭто не будет работать в IE <9 тоже.Для этого вам придется прибегнуть к помощи JavaScript. </p>

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...