改变checkbox默认样式

  <style>
       input[type='checkbox']{
           width: 15px;
           height: 15px;
           background-color: #fff;
           -webkit-appearance:none;
           border: 1px solid #c9c9c9;
           border-radius: 2px;
           outline: none;
           margin-bottom: -1.5%; //这个属性可以使checkbox框上下移动而checkbox框后面的文本位置不动
       }
       input[type=checkbox]:checked{
          background: url("../img/xingZh-1.png")no-repeat center;  //checkbox框选中时√的图片
       }
   </style>