Here's my HTML:
<select id="ddlProducts" name="ddProducts">
<option>Product1 : Electronics </option>
<option>Product2 : Sports </option>
Using CSS only, I want to make the product name (i.e. 'Product1', 'Product2', etc.) bold, and its categories (i.e. Electronics, Sports, etc.) italicized. I discovered an old question that stated it was not possible to use HTML and CSS, but hopefully, there is now a solution.