如何利用第一个字母，如果选项只在大写和选择具有不特定的大小？（CSS）

我都大写option价值观，我想只有大写首字母。如何利用第一个字母，如果选项只在大写和选择具有不特定的大小？（CSS）

我的代码：

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

 
option::first-letter { 
 
    text-transform: uppercase; /* change first letter to uppercase */ 
 
}

<select> 
 
    <option selected>ABC</option> 
 
    <option>DEF</option> 
 
    <option>GHI</option> 
 
</select>

来源

2017-08-02 Marcel S.

您可以使用选项{文本转换：大写;} – Stender

但为什么在盖帽的HTML？ – Stender

我找到了。 [小写-全然后-利用纯-CSS]（https://stackoverflow.com/questions/21827377/lower-case-all-then-capitalize-pure-css）的 – Gandal

只需使用text-transform:capitalize;

来源

2017-08-02 08:07:35

我不认为这会在这种情况下工作。这只会大写第一个字符，但不会将其他字符转换为小写字母。如我错了请纠正我。 – carlo

您可以使用option:first-letter为此，检查以下更新片断..

select option { 
 
    text-transform: lowercase; /* change to lowercase */ 
 
} 
 
select option:first-letter { 
 
    text-transform: uppercase; 
 
}

<select> 
 
    <option selected>ABC</option> 
 
    <option>DEF</option> 
 
    <option>GHI</option> 
 
</select>

来源

2017-08-02 08:11:19

它不起作用。我通过Chrome测试你的片段。 –

它与代码有什么不同？ –

这里有一个fiddle example

来源

2017-08-02 08:16:46

您可以将您的选项更改为“ABC”“EFF”...并再次测试吗？ –

造型下拉式往往是一种痛苦。我建议使用div和class来创建你的下拉式样，以符合你的心愿或使用javascript。 –

如何利用第一个字母，如果选项只在大写和选择具有不特定的大小？ （CSS）

回答

相关问题

如何利用第一个字母，如果选项只在大写和选择具有不特定的大小？（CSS）