2013-07-30 25 views
5

, bu nedenle son saat aramalarını, Stack Overflow ve diğer sitelerdeki birçok yanıtı buldum. Ama hiçbiri işe yaramıyor.SELECT kutularındaki metin rengini değiştirme

JQuery'yi kullanarak, seçilen bir öğeye dayalı olarak, metnin rengini SELECT (AYDIN) açılan kutusunda dinamik olarak ayarlayabilmek istiyorum.

$('#selectBox').css("background-color", "red"); 

Ama eğer bunu yaparsam:

Kolayca arka plan rengini değiştirebilirsiniz

$('#selectBox').css("color", "red"); 

O çalışmıyor. Metin siyah kalır.

Diğer aramalarda şunlar belirlendi :: seçim, ancak kullanıcı tarafından seçilen metin stiline (kopyala/yapıştır gibi) uygulanacak gibi görünüyor. , Hiç worky tekrar

option.red { color: red } 

Ve AddClass kullanarak() sınıfını değiştirmek için, ancak:

Dahası, böyle CSS sınıflarını kullanarak denedim.

Bunu Firefox, Chrome ve Safari'de test ettim.

Neyi yanlış yapıyorum? Teşekkürler!

cevap

8

<option> öğelerindeki metnin rengini değiştirmeniz gerekir.

$("#selectBox").find("option").css("color", "red"); 
+0

-1 Ayrıca seçme elemanı çalışır: http://jsfiddle.net/shMfJ/2/ –

+0

Aslında bu metin rengini http://jsfiddle.net/LZ22X/ değiştirmek does - seni açılır menüden aşağıya doğru ilerlemek zorundasınız - bu en iyisidir, çekilmediğinde normal metin Chrome'da değişiklik yapamıyorum - diğer tarayıcıları kontrol etme –

+1

Evet ama "*