CSS：选中输入复选框时更改父标签的背景色？

我有一个带有以下复选框的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>

---

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

将标签标签放在输入之后，然后使用

input:checked+label

。当然，您还需要设置输入的样式。您可能最终不得不将输入和标签都放在div标记中。有关更多信息，请查看此帖子：

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