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用户可能会习惯这种行为。