CSS:选中 - 更改<td>背景

Joh*_*ohn 3 css css-selectors

使用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)

0b1*_*011 6

目前不是,没有.正在推测这个功能(参见:has()参考资料),但实际上它不会在很长一段时间内供公众使用.

 /* Only matches TRs that contain checked INPUTs */
 tr:has(input:checked) {
  background:red;
 }
Run Code Online (Sandbox Code Playgroud)

注意:根据当前编辑草案提供的示例有效,但语法可能会更改,或者在浏览器供应商开始实现之前可能会完全删除功能.

  • 而"相当长一段时间"可能意味着"在几年内"或"从不".不要屏住呼吸! (2认同)