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;
}