如何利用第一個字母，如果選項只在大寫和選擇具有不特定的大小？（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）