修改radio和CheckBox的默认样式

    span, label{vertical-align:middle;}
    /*复选框（多选框）的美化CSS*/
    input[type="checkbox"]{appearance: none; -webkit-appearance: none;outline: none;display:none}
    label{display:inline-block;cursor:pointer;}
    label input[type="checkbox"] + span{width:25px;height:25px;display:inline-block;background:url(img/icon_weixuanzhong.png)  no-repeat;background-position:-12px; -12px;}
    label input[type="checkbox"]:checked + span{width:25px;height:25px;display:inline-block;background:url(img/icon_xuanzhong.png)  no-repeat;background-position:-12px; -12px;}
    /*单选框的美化CSS*/
    input[type="radio"]{appearance: none; -webkit-appearance: none;outline: none;display:none}
    label{display:inline-block;cursor:pointer;}
    label input[type="radio"] + span{width:25px;height:25px;display:inline-block;background:url(img/icon_weixuanzhong.png)  no-repeat;background-position:-12px -12px;}
    label input[type="radio"]:checked + span{width:25px;height:25px;display:inline-block;background:url(img/icon_xuanzhong.png)  no-repeat;background-position:-12px -12px;}

  <label><input type="checkbox"><span></span>12</label>
  <label><input type="checkbox"><span></span>12</label><br>
  <label><input type="radio" name="bd"><span></span>12</label>
  <label><input type="radio" name="bd"><span></span>12</label>