改变checkbox的默认样式

针对于CheckBox默认样式的改变,和选中状态的改变

<label class="checkBox"><input type="checkbox">全选</label>

  

input[type='checkbox']{
    width: 20px;
    height: 20px;
    background-color: #fff;
    -webkit-appearance:none;
    border: 1px solid #c9c9c9;
    border-radius: 2px;
    outline: none;
}

  

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

  

posted @ 2017-12-28 17:09  原叶  阅读(46466)  评论(2编辑  收藏  举报