title: How to style the option of an html "select" element?
body: <p>Here's my HTML: </p>
  
  <pre><code>&lt;select id="ddlProducts" name="ddProducts"&gt; 
      &lt;option&gt;Product1 : Electronics &lt;/option&gt;
      &lt;option&gt;Product2 : Sports &lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I want to make the name of the product (i.e. 'Product1', 'Product2' , etc) bold, and its categories(viz. Electronics, Sports, etc) italicized, using CSS only. I found an old question that mentioned it's not possible using HTML and CSS, but hopefully, there's a solution now.</p>