Как загладить первую букву в опции выбора с помощью css

Question

Нужно загладить первую букву тега опции выбора окна выбора.

Вот это то, что пробовал:

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

Попробуйте этот код. если вы хотите, чтобы выбранная опция была заглавной, а затем вы можете сделать, как показано ниже, в HTML. Это должно работать в большинстве браузеров.

select option { 
    text-transform: capitalize; 
} 

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