将css写入复选框的其他方法？

请帮忙。一旦我取消选中/选中，此CSS将不起作用。它只保留默认的加载值

input[type="checkbox"][checked] + label{}

这一个很好，但我发现它在IE上不起作用很奇怪

input[type="checkbox"]:checked+label 

试试下面的css：

input[type="checkbox"]:checked {
  background-color: red;  
}

使用

测试标签
.check1：选中+.label1{
背景色：红色；
}

---

请注意，这在IE 6-8中不起作用，这是一项更高版本的功能。不过，它在IE9中也可以工作，记住要包含doctype，否则就不会

HTML

只需在上面添加选中的CSS

input[type="checkbox"]:checked + label {  }

其他方式：

HTML

伪类：选中的在IE 6-8中不受支持。() 所以使用selectivizr

selectivizr是一个JavaScript实用程序，它模拟Internet Explorer 6-8中的CSS3伪类和属性选择器。只需将脚本包含在页面中，其余部分由selectivizr完成。

selectivizr的用法

<script type="text/javascript" src="[JS library]"></script>
<!--[if (gte IE 6)&(lte IE 8)]>
  <script type="text/javascript" src="selectivizr.js"></script>
  <noscript><link rel="stylesheet" href="[fallback css]" /></noscript>
<![endif]--> 

input[type=“checkbox”][checked]

将在声明了

已选中的属性时起作用，其中，当选中复选框时，另一个将起作用，并且它应在IE中起作用，确保您的
标签
与
复选框
相邻：checked伪类仅在IE9 per-See之后可用，以获取克服IE的建议issues@diceyyyy如果答案对你的问题有帮助，请接受/投票。我们确实付出了一些努力来回答：）这是正确的。但是我需要编辑复选框旁边的标签。不是实际的复选框。然后可以使用jquery或javascript@SpiderCode
+标签
部件可以很好地定位相邻元素
.checklabel:checked + .label {
  color: purple; 
}

input[type="checkbox"]:checked + label {  }

<input type="checkbox" class="check1" />
<label class="label1">Your Label</label>

.check1:checked + .label1 {
  background-color: #ff5819;
}

<script type="text/javascript" src="[JS library]"></script>
<!--[if (gte IE 6)&(lte IE 8)]>
  <script type="text/javascript" src="selectivizr.js"></script>
  <noscript><link rel="stylesheet" href="[fallback css]" /></noscript>
<![endif]-->