Javascript 如何禁用悬停时的高亮显示？

我必须禁用html的

的突出显示效果。当您下拉列表中的项目并将鼠标移到项目上时，蓝色条带将随鼠标移动。我必须禁用此效果。
下面是示例代码

<select>
    <option>April</option>
    <option>May</option>
    <option>June</option>
</select>

四月
也许
六月

这里是演示

---

欢迎使用任何CSS或Javascript解决方案。

浏览器会突出显示它，因为它处于活动状态。我认为禁用此功能的唯一方法是禁用选择框

<select disabled="disabled">

---

这显然会删除所有功能。

在使用默认样式表应用默认样式的浏览器中，您应该能够通过标识适当的样式属性并将其设置为所需的样式来覆盖默认样式。但可能是某些浏览器不使用默认样式表，或者不允许您覆盖设置

使用脚本驱动的替代方案通常是一个糟糕的选择。大多数浏览器并没有正确地遵循默认的浏览器行为，他们只是做了开发人员认为是个好主意的事情，破坏了一些用户的UI。e、 g.在Safari中使用键盘导航时，空格键用于选择选项。脚本驱动的替换选择元素似乎被编程为只接受用于选择选项的tab键，因此一些用户会得到一个坏掉的UI

---

为什么不使用浏览器默认设置呢？为什么必须删除突出显示？用户习惯了他们的浏览器和它的工作方式，搞乱用户界面是开发人员的事情，这只会让用户的生活变得困难。顺便说一句，我不喜欢这样的突出显示（我讨厌光标所触到的一切都必须有作用的现代趋势），但它就在那里，所以我不去管它

禁用将破坏基本的UX功能！重复：这些事情大部分是由浏览器处理的。我认为您必须使用jQuery构建您自己的自定义下拉框，并按照您的方式设置它的样式want@astro男孩：是的，如果我没有得到答案，我会建立一个。如果你决定建立自己的，这将帮助你开始：