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

 

posted @ 2019-05-20 15:43  yangchin9  阅读(759)  评论(0编辑  收藏  举报