如何用css修改checkbox的原本样式，这里分享下操作方法。
设备：联想电脑
系统：win8
软件：HBuilder代码编辑器
1、首先在电脑中打开编辑器，创建基本的html代码。
2、然后设置一下背景。
3、接着隐藏掉原来的checkbox。
4、最后覆盖一下原本的位置，利用伪元素这个时候点击就会有效果了。
这个单纯使用css是无法实现的。
一般的话，我们实现这个效果是通过将checkbox的visibility设置为hidden，然后为checkbox添加label，对label进行样式设置，图片替换来实现你需要的效果。
建议将label里面内容替换为图片提升兼容性。
<!DOCTYPE HTML><html>
<head>
<style type="text/css">
#checkbox-1 {
display: none
visibility:hiiden
}
#checkbox-1 + label {
color: blue
}
#checkbox-1:checked + label {
color: red
}
</style>
</head>
<body>
<p><input type="checkbox" id="checkbox-1"><label for="checkbox-1">✔☑</label></p>
</body>
</html>
