css input样式美化

.meihua input[type="checkbox"]{appearance: none; -webkit-appearance: none;outline: none;display:none}
.meihua label{width:1.25rem;height:1.25rem;display:inline-block;cursor:pointer;}
.meihua label input[type="checkbox"] + span{width:1.25rem;height:1.25rem;display:inline-block;background:url('../images/checkbox.png')  no-repeat;background-size:100% 200%;background-position:0 0;}
.meihua label input[type="checkbox"]:checked + span{background-position:0 101%;}

<div class="meihua">
    <label><input type="checkbox"><span></span></label>
</div>