¿Cómo diseñar la opción de un elemento de selección HTML?

Aquí está mi HTML:

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

Expandir fragmento

Quiero poner el nombre del producto (es decir, 'Producto1', 'Producto2', etc.) en negrita y sus categorías (a saber, Electrónica, Deportes, etc.) en cursiva, usando CSS únicamente. Encontré una vieja pregunta que mencionaba que no es posible usar HTML y CSS, pero espero que ahora haya una solución.

Aug 27 '11 01:08 MrClan

Sólo hay unos pocos atributos de estilo que se pueden aplicar a un <option>elemento.

Esto se debe a que este tipo de elemento es un ejemplo de "elemento reemplazado". Dependen del sistema operativo y no forman parte del HTML/navegador. No se le puede aplicar estilo mediante CSS.

Hay complementos/bibliotecas de reemplazo que parecen <select>pero en realidad están compuestas por elementos HTML normales a los que se les PUEDE aplicar estilo.

Aug 26 '2011 18:08 Diodeus - James MacFarlane

No, no es posible, ya que el estilo de estos elementos lo maneja el sistema operativo del usuario. MSDN responderá a su pregunta aquí :

Excepto background-colory color, se ignoran las configuraciones de estilo aplicadas a través del objeto de estilo para el elemento de opción.

Aug 26 '2011 18:08 esqew