在IE9中选择隐藏在bootstrap 3输入组中的"箭头"

Question

我有以下由bootstrap 3设计的html,它定义了一组输入:

<div class="input-group">
    <select class="form-control" >Some options here</select>
    <a class="btn btn-default input-group-addon disabled" title="Legg til" disabled="" href="#" ><i class="glyphicon glyphicon-plus-sign"></i></a>
</div>

这在大多数浏览器(包括IE10)中给出以下结果:

但是在IE9中,下拉列表的"箭头"丢失了:

任何人都知道在IE9中修复此问题？

Answer 1

我在这里发现了这个问题。看起来箭头按钮只是隐藏在带有加号图标的按钮下方。所以选择框是整个宽度，其他按钮最终覆盖在它上面。

所以解决方法是添加float:left到选择框，瞧！