Bootstrap Dropdown在Internet Explorer中无法正确设置样式

Question

我在我的角项目中使用了twitter bootstrap类。对于下拉菜单，样式在Chrome中运行良好但是当我将其加载到IE 11时，它的样式不正确。特别是下拉箭头按钮。

有没有其他人在IE上遇到此问题？我该如何解决这个问题？请查看我的问题下面的比较照片。

我的html部分也在下面，任何评论都欢迎提前致谢！

 <select class=" btn btn-default"  ng-options="obj for obj in data.finding"
                      ng-model="gapSection.finding"  >
                      <option value="">Please select</option>
</select>

Answer 1

我刚用IE解决了问题：

select::-ms-expand {
    border:none;
    background:#fff;
}

Source

Answer 2

在您的css文件中添加此内容

select::-ms-expand {
  display: none;
}

Answer 3

我认为您应该在HTML代码form-control上使用引导类select才能正确呈现：

<select class="form-control">
  <option>1</option>
  <option>2</option>
  <option>3</option>
</select> 

Answer 4

Bootstrap 3 drop支持Internet Explorer 7，但您只需添加名为bootstrap-ie7.css的条件CSS即可将其添加回来。

这里是下载链接:: https://github.com/coliff/bootstrap-ie7