Bootstrap下拉列表 - IE9中的不同外观

Question

我正在使用bootstrap 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中，look-n-feel与其他浏览器不同（尤其是右侧向下箭头）。

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

Answer 1

我能找到的最接近你的情况的是一个简洁的jQuery插件，它可以为多个浏览器设置选择框样式。

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

根据他们的文档，他们已经在IE8 +，Firefox 4 +，Chrome，Safari 4+和Opera 11 +中进行了测试。

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