css - 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

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

这里有几个：

• CSS 自定义下拉选择，适用于所有浏览器 IE7+ FF Webkit
• 使用 javascript 和 css 自定义下拉框

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