原始多选框样式修改（纯css 很简单）

 input[type=checkbox] {
      -webkit-appearance: none;  //这个属性是将input标签变成一个可修改样式的普通标签，目前有谷歌和火狐浏览器支持
      -moz-appearance: none;
      width: 11px;
      border-radius: 2px;
      height: 11px;
      background-color: transparent;
      border: 1px solid #1BBA79;
    }
    input[type=checkbox]:focus, input[type=checkbox]:hover{
      border: 1px solid #1BBA79 !important;
    }

除了以上的之外，还有中间的勾，可以在多选框选中时，添加一张符合自己样式的背景图