title: How to add a background color to HTML option?
body: <p>Consider the following example: (<a href="http://jsfiddle.net/BWhZf/6/" rel="nofollow noreferrer">live demo</a>)</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;select&gt;                          
      &lt;option&gt;Hello&lt;/option&gt;    
      &lt;option&gt;Stack&lt;/option&gt;
      &lt;option class="a"&gt;Overflow&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre class="lang-css prettyprint-override"><code>option.a {
      background-color: red;
  }
  </code></pre>
  
  <p>On Windows in Chrome 17 the styling works as expected:</p>
  
  <p><img src="https://i.stack.imgur.com/xqqTj.jpg" alt="enter image description here"></p>
  
  <p>while on Mac in Chrome 17 it doesn't work:</p>
  
  <p><img src="https://i.stack.imgur.com/WloIF.png" alt="enter image description here"></p>
  
  <p>Any ideas how to add a background color to <code>&lt;option&gt;</code> on Mac?</p>