title: Multiple Styles In Option Element
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/4789295/styling-select-options">Styling select options</a>  </p>
  </blockquote>
  
  
  
  <p>I am wondering if it is possible to apply two styles within an <code>option</code> element? For example, in my code below, I would like my product name to be of style <code>color:black;</code> while the price be of another style <code>color:red; font-weight:bold;</code>. I have tried wrapping my price around <code>span.price</code> but that did not work.</p>
  
  <pre><code>&lt;select&gt;
    &lt;option&gt;Apple  &lt;span class="price"&gt;$1.00&lt;/span&gt;&lt;/option&gt;
    &lt;option&gt;Banana &lt;span class="price"&gt;$2.50&lt;/span&gt;&lt;/option&gt;
    &lt;option&gt;Cherry &lt;span class="price"&gt;$1.50&lt;/span&gt;&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>