Cómo estilizar texto en una opción desplegable

Para cambiar el color de un texto específico dentro de un elemento ubicado dentro un menú desplegable , aplique estilo directamente a ese texto usando estilos en línea o una clase CSS. Evite emplear intervalos, ya que pueden generar resultados inesperados.

En su ejemplo, el siguiente CSS puede lograr el efecto deseado:

.grey_color {
  color: #ccc;
  font-size: 14px;
}

Sin embargo, para aplicar el estilo únicamente a la primera opción, oriéntela con un estilo en línea en lugar de una clase:

  select one option
  one
  two

Nota: CSS está en cascada. Por lo tanto, defina una clase para cualquier opción posterior que herede el estilo pero especifique atributos diferentes, como el color. Este enfoque garantiza tanto la legibilidad como la mantenibilidad dentro de su código base:

.others {
  color: black;
}