title: Changing text color in SELECT boxes
body: <p>so I've spent the last hour searching, finding many answers here on Stack Overflow and on other sites.  But none of them work.</p>
  
  <p>I want to be able to dynamically set the color of the text in a SELECT drop-down box based on an item that's chosen, using jQuery.</p>
  
  <p>I can change the background color easily:</p>
  
  <pre><code>$('#selectBox').css("background-color", "red");
  </code></pre>
  
  <p>But if I do this:</p>
  
  <pre><code>$('#selectBox').css("color", "red");
  </code></pre>
  
  <p>It doesn't work.  The text stays black.</p>
  
  <p>Other searching has revealed ::selection but that appears to apply to the style of user-selected text (such as for copy/paste).</p>
  
  <p>Furthermore, I've tried using CSS classes like this:</p>
  
  <pre><code>option.red { color: red }
  </code></pre>
  
  <p>And using addClass() to change the class, but again, it no worky.</p>
  
  <p>I've tested this in Firefox, Chrome, and Safari.</p>
  
  <p>What am I doing wrong?  Thanks!</p>