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;

}