【无标题】

checkbox选中样式更改

checkbox选中前后的样式改变，可以放入打勾图片做为背景，选中后背景出现，比直接写 content: '\2713’好看的多

html部分

js部分/

input[type=‘checkbox’]::after {
position: absolute;
top: 2px;
color: #fff;
border: 1px solid #B4B4B4;
width: 20px;
height: 20px;
display: inline-block;
visibility: visible;
padding-left: 0px;
text-align: center;
content: ’ ';
box-sizing: border-box;
}

input[type=‘checkbox’]:checked::after {
background: #409EFF url(/img/select.png) ;
background-size: contain;
border: 1px solid #4db7ff;

}