解决input复选框和label不对齐的css样式

<input type="checkbox" >和label标签是默认不对齐的，在mac上还好，在windows上会出现明显错位

如图：

       

解决方法：给input加上如下样式    （margin-bottom: 2px; 微调 ）

 html部分：

<input id="checkbox" type="checkbox"/>
<label>
   <span>全选</span>
</label>

css部分

#checkbox {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 2px;
}

效果：