css - 首字母大写选择选项

Question

是否有一种仅使用 CSS 的方式来仅将选择选项的第一个单词大写？

我尝试了几种组合，但都没有成功

select
  text-transform: capitalize

将所有单词大写。

select::first-letter
  text-transform: capitalize

似乎不起作用。

谢谢

Answer 1

不幸的是，不能。虽然它可以用于文本转换，但::first-letter 选择器只能用于 block 级元素。

类似于:p h1, h2, h3, h4, h5, h6 欧，欧 前 地址 block 引用 分界线 分区 字段集 形式 小时 无脚本 表格

选项不是 block 级元素。

但是，如果您能够使用 javascript 或服务器端语言，那么这很容易做到。