Wie wird NUR der erste Buchstabe großgeschrieben, wenn die Optionen nur in Großbuchstaben geschrieben sind und die Auswahl keine bestimmte Größe hat? (CSS)

Question

Ich habe Großbuchstaben option Werte und ich möchte nur den ersten Buchstaben groß schreiben.

Mein Code:

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>

Answer 1

Verwenden Sie einfach text-transform:capitalize;

Answer 2

Sie option:first-letter dafür verwenden können, aktualisiert Schnipsel unten überprüfen ..

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>

Answer 3

hier ein fiddle example

select {text-transform: capitalize}