Html 如果选中，则更改复选框的图像背景

我正在尝试实现此功能，但当我单击复选框（复选框已选中）时，复选框不会更改其背景图像，并保持不变

我是如何做到这一点的：

<div class="checkbox">
  <input class="car_checkbox" type="checkbox" value="1">
  <span class="private_zip"></span>
</div>

为什么单击复选框后图像不会切换

---

谢谢

CSS的最后一点应该是：

input[type="checkbox"]:checked {
  width: 18px;
  height: 18px;
  display: inline-block;
  background: url("checkbox_check.png") no-repeat;
}

删除

+span.private\u zip部分。
阅读此部分


UI元素状态伪类部分

我希望这将有助于
代码更改span的bg，而不是您的OP中所述的复选框。JSFiddle请务必指出，这不会在所有浏览器中都起作用。处理输入和样式并不容易。从技术上讲是正确的，但我认为我们没有完整的故事。我已经尝试删除了跨度部分，但仍然是一样的。此解决方案应适用于IE8+和rest浏览器。
input[type="checkbox"]:checked {
  width: 18px;
  height: 18px;
  display: inline-block;
  background: url("checkbox_check.png") no-repeat;
}