css 多选框

.checkbox label input{
    /* display:none; */
    opacity: 0;
}
.checkbox label span{
    display: inline-block;
    width:20px;
    height: 20px;
    /* border:1px solid #eeeeee; */
    cursor: pointer;


    position: relative;    
}


.checkbox label input[type="checkbox"]+span{
    display: inline-block;
    width:20px;
    height: 20px;
    /* content:"\2715"; */
    /* border:1px solid #CFCBC4; */
    
    cursor: pointer;
    background: url(../img/vcheck.png) no-repeat;
    background-size:20px 20px;
    color:black;
    margin-right:4px;
}
.checkbox label input[type="checkbox"]:checked+span{
    display: inline-block;


    width:20px;
    height: 20px;
    /* content:"\2714"; */
    /* border:1px solid green; */
    background: url(../img/check.png) no-repeat;
    background-size:20px 20px;
    cursor: pointer;
    color:#8C8984;
    margin-right:4px;
    font-weight:400;
}