匹配當我添加選擇2下拉列表中glyphicons圖標的高度不一樣 的glyphicons高度不選擇2下拉
這是HTML代碼
<form class="well form-horizontal" action=" " method="post" id="user_edit">
<div class="form-group">
<label class="col-md-1 nopadding control-label"></label>
<div class="col-md-8 nopadding inputGroupContainer">
<div class="input-group field-width">
<span class="input-group-addon" >
<i class="fa fa-venus-mars" ></i></span>
<select name="gender" id="gender" class="gender form-control
js-example-basic-single">
<option value="">Not Telling</option>
<option value="m">Male</option>
<option value="f">Female</option>
</select>
</div>
</div>
</div>
</form>
JS文件
$(document).ready(function() {
$(".js-example-basic-single").select2();
});
我爲select2添加的css文件
.glyphicon{
color:#007bcc;
}
.select2-selection__rendered{
line-height: 32px!important;
}
[class^='select2'] {
border-radius: 0px !important;
}
.select2-selection__arrow{
height: 34px;!important;
}
.select2-container--default .select2-selection--single{
background-color: #eeeeee !important;
height: 34px!important;
font-size: 15px;!important;
margin-top: 0.5px!important;
margin-left: -1px!important;
}
當我放大頁面超過100%的高度相同。
,你可以在這裏搗鼓刪除
margin-top: 0.5px!important;
.. –