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

html:

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;
}

图列:

 

你可能感兴趣的:(HTML+CSS)