使用CSS,是否可以根据是否选中来更改background-color
整体?<tr>
<input type="checkbox">
<table>
<!-- This is the row I want to change the background of... -->
<tr>
<td>
<!-- ...when this is checked -->
<input type="checkbox" name="cb1" id="cb1" />
</td>
<td>Something 1</td>
</tr>
</table>
Run Code Online (Sandbox Code Playgroud)
目前不是,没有.正在推测这个功能(参见:has()
参考资料),但实际上它不会在很长一段时间内供公众使用.
/* Only matches TRs that contain checked INPUTs */
tr:has(input:checked) {
background:red;
}
Run Code Online (Sandbox Code Playgroud)
注意:根据当前编辑草案提供的示例有效,但语法可能会更改,或者在浏览器供应商开始实现之前可能会完全删除功能.