先增加一个 统一的input
label
样式
/*queryBox 样式下的 统一 input 和 label 样式*/
.queryBox input[type=checkbox]{
width: 20px;height: 20px;
display: inline-block;
vertical-align: middle;
margin-bottom: 3px;
}
.queryBox label{
cursor:pointer;
margin:3px 0;
vertical-align: middle;
}
html 的input 引入样式即可,label
的 for
指向 input
的id 如下:
<div class="form-group queryBox">
<div class="control-inline ">
<input name="outDetailShow" id="outDetailShow" type="checkbox" title="出货" />
<label for="outDetailShow" >出货</label>
</div>
</div>