CSS-复选框默认样式修改

 

在css文件中添加如下代码

 input[type='checkbox'] {
    -webkit-appearance: none;
    background: #fff url('../../static/img/weixuanzhong@2x.png');  /*未选中的样式*/
    background-size: cover;
    height: 16px;
    width: 16px;
    vertical-align: middle;
  }
 input[type='checkbox']:checked {
    background: #fff url('../../static/img/selected@2x.png');  /*选中的样式*/
    background-size: cover;
  }