原有样式如图
修改后的样式如下:
以下代码,不成功我把吊砍下来
input[type=checkbox] {
margin-right: 5px;
cursor: pointer;
font-size: 14px;
width: 15px;
height: 12px;
position: relative;
}
input[type=checkbox]:after {
position: absolute;
width: 15px;
height: 15px;
top: 0;
content: " ";
color: #fff;
display: inline-block;
visibility: visible;
padding: 0px 2px;
border-radius: 3px;
background:#FFFFFF;
border:1px solid #DDDDDD;
}
input[type=checkbox]:checked:after {
content: "✓";
font-size: 12px;
font-weight:600;
background-color: #36AEFF;
}