如何在Hover上禁用突出显示?

时间:2012-06-29 00:15:59

标签: javascript html css drop-down-menu

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

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

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

2 个答案:

答案 0 :(得分:0)

它只是由浏览器突出显示,因为它是活动的。我认为禁用此功能的唯一方法是从字面上禁用选择框

<select disabled="disabled">

这显然会删除所有功能。

答案 1 :(得分:0)

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

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

为什么不直接使用浏览器?为什么必须删除突出显示?用户习惯了他们的浏览器以及它是如何工作的,弄乱用户界面是开发人员的事情,只会让用户感到生活困难。顺便说一句,如果这样的突出显示我不是粉丝(我讨厌现代趋势,光标接触的所有东西都必须做点什么),但它就在那里,所以我不管它。