学习日记--多选框样式自定义修改

参考资料：https://www.cnblogs.com/yuanyanbk/p/8136682.html

/*多选框的样式修改*/
    input[type=checkbox] {
        -webkit-appearance: none; /*这个属性是将input标签变成一个可修改样式的普通标签，目前有谷歌和火狐浏览器支持*/
        -moz-appearance: none;
        width: 11px;
        height: 11px;
        border-radius: 2px;
        background-color: transparent;
        border: 1px solid #1BBA79;
    }

.checkBox input[type=checkbox]:checked{
   background: url("../images/checkbox_icon.png")no-repeat center;
}


//使用背景图片实现