CSS：选中输入复选框后，更改父标签的背景颜色吗？

编程问答 2022-08-13

问题描述

我有一个带有以下复选框的html表单：

<label><input type='checkBox' name='tag' value='1' /> Tag #1</label>
<label><input type='checkBox' name='tag' value='2' /> Tag #2</label>
<label><input type='checkBox' name='tag' value='3' /> Tag #4</label>

这些标签的样式如下：

label {
    display: inline-block;
    padding: 5px;
    background: #CCC;
    color: #fff;
    border-radius: 999em;
    -moz-border-radius: 999em;
    -webkit-border-radius: 999em;
    }

我发现了如何使用：checked更改复选框样式本身，但是我没有设法更改育儿标签的样式（我想将标签的背景颜色从#CCC更改为其他颜色，例如＃ FC0），则选中该复选框。如果可能，仅使用CSS而不使用JS。有可能吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

checkboxformsinputparent