<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;
}
效果: