微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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中修复此问题?

解决方法

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。