Thay đổi Danh sách Chọn Màu nền tùy chọn khi di chuột trong html

Question

Có thể thay đổi màu nền mặc định của tùy chọn danh sách chọn khi di chuột không?

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; 
} 

Tôi đã cố gắng lựa chọn :hover{background-color:red;}, nhưng nó là không sử dụng. Có ai biết làm thế nào để làm điều này?

Answer 1

Hiện tại không có cách nào để áp dụng css để nhận kết quả mong muốn của bạn. Tại sao không sử dụng thư viện như choosen hoặc select2. Điều này cho phép bạn tạo kiểu theo cách bạn muốn.

Nếu bạn don muốn sử dụng thư viện của bên thứ ba thì bạn có thể tạo ra một danh sách bỏ lệnh đơn giản và chơi với một số css.Here là chủ đề mà bạn có thể làm theo

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

Answer 2

Không, không thể.

Thực sự, nếu không sử dụng các lựa chọn gốc, nếu bạn tạo tiện ích con chọn tùy chỉnh từ các phần tử html, t.e. "li".