2015-03-09 16 views
5

Önyükleme 3 açılır menüsündeki açılır okun rengini değiştirmek istiyorum. İşte Önyükleme 3: Seçme açılan ok için özel renk

benim CSS şimdiye kadar, ben zaten arka plan, sınır, yazı tipi ve opsiyon renkleri değişti, ama henüz oklu hiçbir şans oldu:

select{ 
    background-color: #555; 
    color: white; 
    border: 1px solid #ffffff; 
} 
select:after { 
    color: white !important; 
} 
option:checked { 
    background-color: #eee; 
    color:#555; 
} 
option:not(:checked) { 
    background-color: white; 
    color:#000; 
} 

Fiddle: http://jsfiddle.net/ju3n1dnk/

+0

Demo kemanı oluşturabilir misiniz? –

+1

@Etash işte Fiddle: http://jsfiddle.net/ju3n1dnk/ – emman

+0

http://uplifted.net/programming/change-default-select-dropdown-style-just-css/ adresini denediniz mi? –

cevap

3

You açılır menüdeki aşağı okun rengini değiştirmek mi istiyorsunuz? olarak bildiğim kadarıyla, bu ok böyle kodlanmıştır:

<span class="caret"></span> 

bu rengini değiştirmek istiyorsanız, sadece renk özelliğini eklemek zorunda:

.caret{ color: red; } 

Güncelleme

İşte göstermek için bir JSFiddle var: https://jsfiddle.net/valentinho14/tkfa0ddp/

0

seçkin rengini güncelleştirmek

select { 
    color:#fff; 
} 
İlgili konular