td模仿关于复选框的标签行为

Question

是否可以通过css强制将表格单元格（td）中的文本强制切换复选框，就像标签标签内的文本一样？

Answer 1

是的，您可以使用label来控制检查输入字段。隐藏input字段并使用for上的label属性将其与id字段的input相关联。

＆＃13;

＆＃13;

input {
  display: none;
}
input:checked + label:after {
  content: ' (checked)';
  color: green;
}

＆＃13;

<table>
  <tr>
    <td><input type="checkbox" id="foo"><label for="foo">click</label></td>
  </tr>
</table>

＆＃13;

＆＃13;

＆＃13;