Native input type=checkbox modify native style
input[type="checkbox"] {
-webkit-appearance: none;
width: 10px;
height: 10px;
background: #ffffff00;
border: #00e0f9 solid 1px;
}
input[type="checkbox"]:checked{
width: 10px;
height: 10px;
display: inline-block;
position: relative;
background-color: #3cc5b6;
}
input[type="checkbox"]:checked:after {
content: '';
display: inline-block;
width: 5px;
height: 8px;
border-top: 2px solid #fff;
border-left: 2px solid #fff;
background-color: #3cc5b6;
transform: rotate(230deg);
position: absolute;
left: 1.5px;
top: 0px;
}