使用CSS3选择器选中复选框时更改表格行颜色？

Question

当只使用CSS选择器检查行中的复选框时，有没有办法更改表格中行的颜色？

我有以下内容，但它会更改复选框的颜色，而不是表格单元格：

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

Answer 1

你可以用一点JS吗？这将像一个复选框，而不必使用复选框。 DEMO

$("table tr").click(function() {
   $("table tr").css("background", "red"); //reset to original color
   $(this).css("background", "blue"); //apply the new color
});

Answer 2

AFAIK，用纯CSS来解决复选框的两个条件是不可能的。这不适用于IE＆lt; 9要么。你将不得不求助于javascript。