隐藏原本样式,用伪类自定义一个input[type=checkbox]覆盖原本的input
input[type="checkbox"]{
outline: none;
-webkit-appearance: none;
position: relative;
vertical-align:middle;
border: 1px solid #ededed;
border-radius: 2px;
min-height: 14px;
min-width: 14px;
}
input[type="checkbox"]:checked {
border: 1px solid #ededed;
outline: none;
}
input[type=checkbox]:checked::after{
content: '\2714';
position: absolute;
background: transparent;
color: #4bc74c;
line-height: 14px;
}