复选框关联标签的CSS

Question

制作选中复选框标签的CSS有哪些风格？

这基本上就是我想要的，除了我希望标签有背景：蓝色，而不是复选框。

.results .auto-share-options li label input[type='checkbox']:checked {
    background: blue;
}

Answer 1

在CSS中无法做到这一点。这里有详尽的答案和解决方案：Complex CSS selector for parent of active child

Answer 2

您目前无法使用CSS选择器提升，而复选框input元素是空元素，因此您无法查找后代label元素

您需要使用JavaScript来实现这一目标。