改變顏色 - jQuery的

Question

我想改變所選=選項的文本顏色「選擇」：

<select class="select"> 
     <option value="--">--</option> 
     <option value="2014">2014</option> 
     <option value="2013">2013</option> 
     <option value="2012" selected="selected">2012</option> 
     <option value="2011">2011</option> 
    </select> 

我一直在試圖用CSS，但似乎它不可能：

.select select [selected="selected"]{ 
     color: #2b2b2b; 
    } 

jQuery的任何想法？

Answer 1

我一直在試圖用CSS，但似乎它不可能：

因爲你靶向的select標籤，而不是option標籤還，該選擇意味着選擇嵌套在其元素的任何select元素.selectclass

select option[selected] { 
    color: red; 
} 

Demo

您正在使用class這樣你就可以做出這樣

.select option[selected] { 
    color: red; 
} 

Answer 2

你可以這樣做：

$('.select option:selected').css('color','#2b2b2b'); 

，或者如果你想火每次select選項已被改變的情況下，你可以這樣做：

$('.select').change(function() { 
    $(this).find('option:selected').css('color','#2b2b2b'); 
}); 

或只是簡單的CSS：

select option:checked { 
    color: #2b2b2b; 
} 

Answer 3

嘗試

$('.select').change(function() { 
      $(this).find('option:selected').css('background-color', 'red'); 
}); 

改變文本的顏色使用

$(this).find('option:selected').css('color', 'red'); 

FIDDLE

Answer 4

喜歡這個

demo

JS

$('.select').change(function() { 
    $(this).find('option').css('color', '#000000'); 
    $(this).find('option:selected').css('color', '#ff0000'); 
}).trigger('change'); 

Answer 5

.select option:checked { 
    color: red; 
} 

不知道關於這一個瀏覽器兼容性選擇..

編輯：https://developer.mozilla.org/en-US/docs/Web/CSS/:checked