Bagaimana untuk menggayakan pilihan elemen "pilih" HTML?
P粉208469050
2023-08-20 12:33:38
<p>Ini ialah kod HTML saya: </p>
<pre class="brush:php;toolbar:false;"><select id="ddlProducts" name="ddProducts">
<option>Produk 1: Produk elektronik</option>
<option>Produk 2: Barangan Sukan</option>
</select></pre>
<p>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. </p>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Tidak, ini tidak mungkin kerana penggayaan elemen ini dikendalikan oleh sistem pengendalian pengguna. MSDN sedia menjawab soalan anda:
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.