如果选项仅大写并且选择没有特定大小,如何仅将第一个字母大写?(CSS)

Mar*_* S. 3 html css html-select cross-browser

我有大写option值,并且我只想将第一个字母大写。

我的代码:

option {
  text-transform: lowercase; /* change to lowercase */
}

option::first-letter {
  text-transform: uppercase; /* change first letter to uppercase */
}
Run Code Online (Sandbox Code Playgroud)
<select>
  <option selected>ABC</option>
  <option>DEF</option>
  <option>GHI</option>
</select>
Run Code Online (Sandbox Code Playgroud)

Sup*_*ser 9

您可以使用option:first-letter它,检查下面更新的代码片段..

select option  {
  text-transform: lowercase; /* change to lowercase */
}
select option:first-letter {
  text-transform: uppercase;
}
Run Code Online (Sandbox Code Playgroud)
<select>
  <option selected>ABC</option>
  <option>DEF</option>
  <option>GHI</option>
</select>
Run Code Online (Sandbox Code Playgroud)