當使用CSS3選擇器檢查複選框時更改表格行顏色？

當只使用CSS選擇器檢查行中的複選框時，是否有方法更改表中某一行的顏色？當使用CSS3選擇器檢查複選框時更改表格行顏色？

我有以下，但它改變了複選框的顏色，而不是表格單元格：

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

來源

2010-11-01 Darryl Hein

基本上你要求的是父選擇器，它在CSS中不存在（但）。您只能更改複選框的顏色的原因是您發佈的代碼段選中了複選框，而不是父表格單元格。 – stevelove 2010-11-01 20:20:39

這就是我想要的:( – 2010-11-01 23:30:10

據我所知，這是不可能的純CSS摸出複選框的兩個條件。這在IE < 9中也不起作用。你將不得不求助於JavaScript。

來源

2010-11-01 17:58:45 Sarfraz

現在不太擔心IE。太糟了，雖然:( – 2010-11-01 18:08:58

你可以使用一點JS？這就像一個複選框，而不必使用複選框。 DEMO

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

來源

2013-06-25 10:59:56 2ne

當使用CSS3選擇器檢查複選框時更改表格行顏色？

回答

相關問題