How to smooth the first letter in a selection option using css

Question

It is necessary to smooth the first letter of the option tag option flag.

Here's what you tried:

HTML:

<select>
  <option class="selected">test1</option>
  <option>test2</option>
  <option>test3</option>
</select>

CSS

select option.selected::first-letter{
  text-transform:capitalize;
}

Answer 1

Try this code. if you want the selected option to be uppercase, then you can do as shown below in HTML. This should work in most browsers.

select option {
  text-transform: capitalize;
 }

<select>
  <option class="selected">Test1</option>
  <option>test2</option>
  <option>test3</option>
</select>