Bootstrap下拉菜单在Internet Explorer中无法正确显示样式

Question

我在我的Angular项目中使用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>

- Ka Tech

---

我确认在使用Bootstrap 3.3.2时这是正确的情况。 - HischT

感谢您的澄清。 - Ka Tech

Answer 1

我刚刚使用以下方法解决了IE浏览器的问题:

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

Source

- Shubh

Answer 2

将以下代码添加到你的CSS文件中：

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

- Niet

---

你可能需要解释一下你的代码是做什么的，为什么你认为它会解决问题（或者链接到一些资源？）。 - Okku

Answer 3

我认为您应该在HTML标签上使用bootstrap类form-control，以便正确呈现：<select class="form-control"> <option>1</option> <option>2</option> <option>3</option> </select>

- milindrev

Answer 4

Bootstrap 3 不再支援 Internet Explorer 7，但您可以透過加入名為 bootstrap-ie7.css 的條件式 CSS，來重新啟用。

以下是下載連結：https://github.com/coliff/bootstrap-ie7

- Sarath

---

作者正在谈论IE11。 - HischT