title: How to change the Color of the hovered Select-Option in FireFox
body: <p>I want to change the Color of the hovered Select-Option in FireFox which has default blue background and white foreground.</p>
  
  <p>I tried: </p>
  
  <pre><code>&lt;select name="select" size="1"&gt;
     &lt;option&gt;0&lt;/option&gt;
     &lt;option class="test"&gt;1&lt;/option&gt;
     &lt;option&gt;2&lt;/option&gt;
     &lt;option&gt;3&lt;/option&gt;
     &lt;option&gt;4&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p><p></p>
  
  <pre><code>.test:hover {
      color:green;
      background-color:yellow;
      text-decoration:underline;
  }
  </code></pre>
  
  <p>But it doesn't work. See <a href="http://jsfiddle.net/oliholz/zagzH/1/" rel="noreferrer">Example</a>.<br>
  A FireFox specific solution is sufficient.</p>