css修改checkbox默认样式

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;

}