Değiştir Seç Liste Seçeneği arka plan rengini vurgula html'de

Question

Vurgulu seçim listesinin varsayılan arka plan rengini değiştirmek mümkün mü?

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

ben seçenek :hover{background-color:red;} denedi, ama hiçbir faydası yoktur. Birileri bunun nasıl yapıldığını biliyor mu?

Answer 1

Şu anda istediğiniz sonucu almak için bir css uygulamasının yolu yoktur. Neden choosen veya select2 gibi kütüphaneleri kullanmayın. Bunlar, istediğiniz şekilde stil oluşturmanıza izin verir. Eğer o zaman basit bir un-sıralı liste yapın ve bazı css.Here ile oynayabilir üçüncü parti kütüphaneleri kullanmak istiyorum don Eğer

Takip olabilir iplik olduğunu

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

Answer 2

Hayır, bu mümkün değil.

Yerel seçimler kullanmıyorsanız, html öğelerinden özel seçim widget'i oluşturuyorsanız, t.e. "Li".