input[type="checkbox"]{
width:20px;
height:20px;
display:inline-block;
text-align:center;
vertical-align:middle;
line-height:18px;
position:relative;
}
input[type="checkbox"]::before{
content:"";
position:absolute;
top:0;
left:0;
/*background: #fff;*/
width:100%;
height:100%;
border-radius:4px;
/*border: 1px solid #d9d9d9*/
}
input[type="checkbox"]:checked::before{
content:"\2714";
background-color:#fff;
position:absolute;
top:0;
left:0;
width:100%;
border:1px solid #6c00ff;
color:#6c00ff;
font-size:20px;
font-weight:bold;
}