css – 在IE9中选择隐藏在bootstrap 3输入组中的“箭头”

我有以下由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中修复此问题?

解决方法

在这里发现了这个问题.看起来箭头按钮只是隐藏在带有加号图标的按钮下方.因此,选择框是整个宽度,其他按钮最终覆盖它.

所以修复是添加浮动:左边的选择框,瞧!

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效