如何禁用懸停上的突出顯示？

我必須禁用html的高亮效果<select>。當您在下拉列表中下拉項目並將鼠標移至項目上方時，藍色條帶隨鼠標移動。我必須禁用這個效果。
下面是示例代碼如何禁用懸停上的突出顯示？

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

這裏是演示http://jsfiddle.net/Jams/5ZC3m/
任何CSS或JavaScript解決方案是值得歡迎的。

2012-06-29 jams

禁用會破壞基本的UX功能！ –

Duplicate：http://stackoverflow.com/questions/1667086/html-changing-select-highlight-color – Cecchi

大部分這些事情都由瀏覽器處理。我認爲你必須用jQuery構建自己的自定義下拉框，並按照你想要的樣式設計它 –

它只是由瀏覽器突出顯示，因爲它是活動的。我相信唯一的方法來禁用這個是從字面上禁用選擇框

<select disabled="disabled">

這顯然會刪除所有功能。

2012-06-29 00:20:38 JROB

在使用默認樣式表應用默認樣式的瀏覽器中，您應該能夠通過識別相應的樣式屬性並將其設置爲您需要的值來覆蓋默認樣式。但可能某些瀏覽器不使用默認樣式表，或者不允許您覆蓋設置。

使用腳本驅動的替代方法通常是一個糟糕的選擇。大多數瀏覽器的默認行爲並不正確，他們只是做開發者認爲是一個好主意，打破了一些用戶的界面。例如當在Safari中使用鍵盤導航時，空格鍵用於選擇選項。腳本驅動的替換選擇元素似乎被編程爲只接受用於選擇選項的Tab鍵，因此有些用戶會得到一個破壞的UI。

爲什麼不只是使用瀏覽器默認值？爲什麼必須你刪除突出顯示？用戶習慣了他們的瀏覽器，以及它如何工作，搞亂用戶界面是一件讓用戶生活困難的開發者事物。順便說一句，如果這樣的突出顯示（我討厭光標接觸到的所有東西都必須執行某些操作的現代趨勢），我並不是一個粉絲，但是它就在那裏，所以我不要管它。

2012-06-29 01:08:22 RobG

回答