jQuery的選擇值顏色

Question

我有一個選擇下拉和我使用以下代碼改變所選擇的值的顏色：

if(some condition) 
{ 
    $j("#" + myddlId + " option:selected").css('color', 'red'); 
} 

的問題是，當我選擇值例如下拉菜單中的蘋果。下拉菜單中顯示的值是紅色。但是現在，如果我點擊下拉菜單，我可以將選項列表中的蘋果看作紅色。我不想那樣。

請告訴我一種使用jQuery實現這一點的方法？

Answer 1

你不能刪除下拉列表中的'顏色'屬性點擊？

Answer 2

僅通過使用簡單的select元素是不可能的。你可以看看這個插件，我想它會幫助你考慮你的場景。

Answer 3

設置「中選擇」改變顏色的選擇框和「選項」顏色你選擇

例子的默認顏色：

if(some condition) 
{ 
    $j("#" + myddlId).css('color', 'red'); 
    $j("#" + myddlId + " option").css('color', 'black'); 
} 

活生生的例子：http://jsfiddle.net/yQvLJ/

Answer 4

如果我正確理解問題，你可以試試這個：

if(some condition) 
{ 
    $j("#" + myddlId).css('color', 'black'); 
    $j("#" + myddlId + " option:selected").css('color', 'red'); 
} 

Answer 5

單擊下拉列表時刪除CSS類是要走的路。

這是一個jsFiddle，說明它是如何工作的。

Answer 6

嘗試的select的顏色設置爲紅色，所有的options黑 - http://jsfiddle.net/UzWbf/