Bootstrap 下拉菜单 - IE9 中的不同外观

Question

我正在使用引导 css 来呈现下拉菜单： 以下是代码：

<select class="form-control">
    <option value="one">One</option>
    <option value="two">Two</option>
    <option value="three">Three</option>
    <option value="four">Four</option>
    <option value="five">Five</option>
</select>

在 IE9 中，外观与其他浏览器不同（尤其是右侧向下箭头）。

有什么方法可以通过 css 解决 IE9 中的问题？请协助。

Answer 1

我能找到的最适合您的情况的是一个简洁的 jQuery 插件，它将为您的选择框设置样式以适应多个浏览器。

http://gregfranko.com/jquery.selectBoxIt.js/

根据他们在 IE8+、Firefox 4+、Chrome、Safari 4+ 和 Opera 11+ 中测试的文档。

但是，通过 CSS，在所有浏览器中保持一致将是一项具有挑战性的任务。