我试图在单独的 td 中对标签 + 复选框进行换行。
在我的示例代码中,我创建了 2 个表:
当复选框 = 选中时,当前只有表 1 正在执行直通。我想这是可行的,因为这两个元素共享一个 td。有没有办法解决这个问题,所以表 2 可以直接通过而不是表 1?谢谢!
HTML:
<table id = "1">
<tr>
<td>
<input id="oregano" type="checkbox" class="checkedBox" />
<label for="oregano" class="checkedLabel">Oregano</label>
</td>
</tr>
</table>
<table id = "2">
<tr>
<td><input id="oregano" type="checkbox" class="checkedBox" /></td>
<td><label for="oregano" class="checkedLabel">Oregano</label></td>
</tr>
</table>
样式表:
.checkedBox:checked + .checkedLabel {
text-decoration: line-through;
color: blue
}