title: Set color of select HTML item in google chrome
body: <p>I am trying to display a drop down list in HTML.
  I managed to do so easilly in internet explorer, but I have a problem when I use it on google chrome.</p>
  
  <p>I create the following css for the background color of the options in the select tag:</p>
  
  <pre><code>option.red{background-color: #FF0000;}
  option.green{background-color: #00FF00;}
  option.blue{background-color: #0000FF;}
  </code></pre>
  
  <p>Then, in my select tag, I have </p>
  
  <pre><code>&lt;option class="red" value="red" selected="selected" &gt;blabla&lt;/option&gt;
  &lt;option class="green" value="green"&gt;blabla&lt;/option&gt;
  &lt;option class="blue" value="blue"&gt;blabla&lt;/option&gt;
  </code></pre>
  
  <p>In google chrome, the background color of the options works good, the first option is the one selected by default (I know this because of prints), but the background color of the select item is white.</p>
  
  <p>This is weird because it only does so on google chrome</p>
  
  <p>If anybody knows how to set the color of the select item to the color of its selected option color, it would be great</p>
  
  <p>Thank you</p>