How to Stylize Text in a Dropdown Option

To change the color of specific text within an element nestled within a dropdown, directly style that text using inline styles or a CSS class. Avoid employing spans, as they can lead to unexpected results.

In your example, the following CSS can achieve the desired effect:

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

However, to apply the styling solely to the first option, target it with inline styling rather than a class:

  select one option
  one
  two

Note, CSS is cascaded. Therefore, define a class for any subsequent options that inherit styling but specify differing attributes, such as color. This approach ensures both readability and maintainability within your codebase:

.others {
  color: black;
}