How to style the option of an html select element

Question

Here's my HTML:

<select id="ddlProducts" name="ddProducts"> 
    <option>Product1 : Electronics </option>
    <option>Product2 : Sports </option>
</select>

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.