How to style the option of an html select element

Question

Here's my HTML:

<select id="ddlProducts" name="ddProducts"> 
    <option>Product1 : Accessories </option>
    <option>Product2 : Cloths </option>
</select>

I want to use CSS solely to bolden the product name (such as "Product1," "Product2," etc.) and italicise its categories (such as "Electronics," "Sports," etc.). I came across an old question that stated that using HTML and CSS it was not possible, but possibly there is now a way.