IE下拉列表问题

Question

如果点击选择下拉并在IE中选择任何最后的项目，你再次选择任何项目下拉将转到向上而不是向下，但我们需要修复如果单击下拉按钮它将进入所有项目。就像chrome和firefox一样。示例：JsFiddle

<select  class="dropDown">
    <option>mango</option>
    <option>banana</option>
    <option>pomegranate</option>
    <option>papaya</option>
    <option>mango</option>
    <option>banana</option>
    <option>pomegranate</option>
    <option>papaya</option>
</select>

Answer 1

我相信这是IE10中select元素的新行为。据我所知，你不能更改它。选择元素的外观由浏览器决定。但是，您可以使用javascript和css创建自己的自定义下拉列表。在stackoverflow上有很多关于这方面的资源。

下面是一些例子：

• CSS Custom Dropdown Select that works across all browsers IE7+ FF Webkit
• Custom dropdown box using javascript and css

你应该问问自己，是否真的有必要解决这个“问题”，因为IE10用户可能已经习惯了这个行为。