checkbox样式修改
<input type="checkbox">
选择
input[type=checkbox] {
margin-right: 10px;
cursor: pointer;
width: 15px;
height: 15px;
position: relative;
}
input[type=checkbox]:after {
position: absolute;
width: 10px;
height: 15px;
top: 0;
content: " ";
background-color: #fff;
color: #fff;
display: inline-block;
visibility: visible;
border: 1px solid rgb(245,245,245);
padding: 0 3px;
border-radius: 3px;
}
//设置背景色和勾选图标
input[type=checkbox]:checked:after {
background-color: #0f97e7;
content: "✓";
font-size: 12px;
}