更改選擇列表懸停在html中的選項背景顏色

Question

是否可以在懸停時更改選擇列表選項的默認背景顏色？

HTML：

<select id="select"> 
    <option value="1">One</option> 
    <option value="2">Two</option> 
    <option value="3">Three</option> 
</select> 

select { 
    -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; 
} 

select:hover {  
    background-color:gren; 
} 

option:hover { 
    background-color:yellow; 
} 

option { 
    -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; 
    color:blue; 
    background-color:yellow; 
} 

我已經試過選項:hover{background-color:red;}，但它是沒有用的。有人知道怎麼做這個嗎？

Answer 1

目前沒有辦法申請一個CSS來得到你想要的結果。爲什麼不使用像choosen或select2這樣的庫。這些允許您以您想要的方式進行設計。

如果你不希望使用第三方庫，那麼你可以做一個簡單的非有序列表，並與一些css.Here玩的是線程，你可以遵循

How to convert <select> dropdown into an unordered list using jquery?

Answer 2

不，這是不可能的。

確實，如果不使用本地選擇，如果您從html元素創建自定義選擇小部件，那麼t.e. 「禮」。