纯CSS实现checkbox的样

css样式：

#check_css3 span {position: relative;}
#check_css3 .input_check {position: absolute;visibility: hidden;}
#check_css3 .input_check+label {display: inline-block;width: 16px;height: 16px;border: 1px solid #ddd;background-color: white;}
#check_css3 .input_check:checked+label{background-color: #5fb878;}
#check_css3 .input_check:checked+label:after {content: "";position: absolute;left: 2px;bottom: 12px;width: 9px;
            height: 4px; border: 2px solid white;
            border-top-color: transparent;border-right-color: transparent; -ms-transform: rotate(-60deg);
            -moz-transform: rotate(-60deg);
            -webkit-transform: rotate(-60deg); transform: rotate(-45deg);}

view:

<div id="check_css3">
    <span><input type="checkbox"class="input_check" id="check3"><label for="check3"></label></span>
</div>