自定义复选框

.checkboxStyle1 {
    position: absolute;
    top: 1px;
    left: -2px;
    display: inline-block;
    padding: 15px;
    background: url(../img/check2.png) no-repeat;
}
.cyyChecked:checked+.checkboxStyle1{
    background: url("../img/check1.png") no-repeat ;
}
.cyy-add-checkbox input[type="checkbox"]{
    visibility: hidden;//去掉复选框默认样式
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    left: 0;
    margin:1px 0 0;
}

<label class="cyy-checkbox">
    <input type="checkbox" class="cyyChecked" value="3">
    <span class="checkboxStyle1"></span>
</label>