How to change the text color of first select option

Question

I have a select element which has several items. I want to change the color of its first item, but it seems the color only shows when you click on the select dropdown. What

Answer 1

Here is a way so that when you select an option, it turns black. When you change it back to the placeholder, it turns back into the placeholder color (in this case red).

http://jsfiddle.net/wFP44/166/

It requires the options to have values.

$('select').on('change', function() {
  if ($(this).val()) {
return $(this).css('color', 'black');
  } else {
return $(this).css('color', 'red');
  }
});

select{
  color: red;
}
select option { color: black; }

Pick one...
Test 1
Test 2
Test 3