title: How to apply background-color to a selected option?
body: <p>I'm writing a dropdown menu with several options and their colors. I have successfully colored the background of each option; however, once selected that background color doesn't show.</p>
  <p>Is there a way to change this behavior? Example of my HTML below:</p>
  <pre><code>&lt;select&gt;
    &lt;option style=&quot;background-color: green&quot;&gt;Successful&lt;/option&gt;
    &lt;option style=&quot;background-color: orange&quot;&gt;Process Failure&lt;/option&gt;
    &lt;option style=&quot;background-color: purple&quot;&gt;Abandoned&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  <p>or also here: <a href="http://jsfiddle.net/H8HVm/1/" rel="nofollow noreferrer">http://jsfiddle.net/H8HVm/1/</a>.</p>