javascript - 如何禁用悬停突出显示？

Question

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

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

这是演示http://jsfiddle.net/Jams/5ZC3m/
欢迎任何 CSS 或 Javascript 解决方案。

Answer 1

它只是被浏览器突出显示，因为它处于活动状态。我相信禁用此功能的唯一方法是从字面上禁用选择框

<select disabled="disabled">

这显然会删除所有功能。

Answer 2

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

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

为什么不直接使用浏览器默认值？为什么必须删除突出显示？用户习惯了他们的浏览器及其工作方式，弄乱 UI 是开发人员的事情，只会让用户的生活变得困难。顺便说一句，我不喜欢这样的突出显示（我讨厌光标触及的所有东西都必须做某事的现代趋势），但它就在那里，所以我不理会它。