input type="checkbox" 选择框重写样式

html：

<div class="lists-checkbox">
     <input type="checkbox">
     <label style="position: relative;top: 6px"></label>
</div>

css：

.lists-checkbox label{
    border:none;
    background:url(/static/xiaoxiao/img/disselected.png) no-repeat left;
    width: 14px;
    height: 14px;
    position: relative;
    top: 8px;
}
.lists-checkbox input[type=checkbox]{
    display: none;
}
.lists-checkbox input[type=checkbox]:checked + label{
    background:url(/static/xiaoxiao/img/selected.png) no-repeat left;
    width: 14px;
    height: 14px;
    position: relative;
    top: 8px;
}

图列：