title: Style text option in dropdown select
body: <p>I'm just trying to apply some basic styles to different options in a dropdown select element. In Firefox, the styles work, but in Chrome and IE9 the styles don't take effect, even though in Chrome I can see in the debug inspector that the styles are being read and not overridden by any other styles. Any ideas?</p>
  
  <p>E.g this rule:</p>
  
  <pre><code>select option.depth-0 {
      font-weight: bold;
  }
  </code></pre>
  
  <p>On this element:</p>
  
  <pre><code>&lt;option value="1" class="depth-0"&gt;Home&lt;/option&gt;
  </code></pre>