Bagaimana untuk menggayakan pilihan elemen "pilih" HTML?

Question

Ini ialah kod HTML saya:

<select id="ddlProducts" name="ddProducts">
    <option>Produk 1: Produk elektronik</option>
    <option>Produk 2: Barangan Sukan</option>
</select>

Saya ingin menebalkan nama produk (iaitu 'Produk 1', 'Produk 2', dsb.) dan mencondongkan kategorinya (iaitu elektronik, barangan sukan, dsb.) menggunakan CSS. Saya menjumpai soalan lama yang menyebut bahawa ia tidak mungkin menggunakan HTML dan CSS, tetapi diharapkan ada penyelesaian sekarang.

Answer 1

Tidak, ini tidak mungkin kerana penggayaan elemen ini dikendalikan oleh sistem pengendalian pengguna. MSDN sedia menjawab soalan anda:

Answer 2

Hanya terdapat beberapa atribut gaya yang boleh digunakan pada <option> elemen.

Ini kerana elemen jenis ini adalah contoh "elemen pengganti". Mereka bergantung kepada sistem pengendalian dan bukan sebahagian daripada HTML/pelayar. Ia tidak boleh digayakan melalui CSS.

Terdapat pemalam/perpustakaan alternatif yang kelihatan seperti <select> tetapi sebenarnya diperbuat daripada elemen HTML biasa yang boleh digayakan.