如何使用css大写select选项中的第一个字母

Question

需要大写选择框选项标记的第一个字母。

这是尝试过的：

HTML：

var cmpdetail = cmpdetail.replace(/'/g, "\\'");

CSS：

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

Answer 1

试试这段代码。如果您希望选择的选项也大写，那么您可以在HTML中执行以下代码。这应该适用于大多数浏览器。

select option {
  text-transform: capitalize;
 }

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