Bagaimana untuk Memohon Padding untuk Senarai Pilihan dalam Safari dan Internet Explorer?

Padding Tidak Digunakan pada Senarai Pilihan Safari dan IE

Meningkatkan penggayaan senarai pilihan dalam Safari dan Internet Explorer boleh mencabar kerana kekurangan sokongan untuk padding. Walaupun spesifikasi World Wide Web Consortium (W3C) membenarkan pelapik dalam kotak terpilih, penyemak imbas webkit seperti Safari dan Chrome mengabaikan ciri ini.

Untuk mengatasi isu ini, pendekatan alternatif ialah menggunakan inden teks sebagai ganti padding-left. Dengan menambah jumlah yang sama pada lebar kotak pilihan, anda boleh mencapai jarak yang diingini dengan berkesan.

Pertimbangkan kod berikut:

<select id="sexID" name="user[sex]" style="border: 1px solid #C1272D;
               width: 258px; // 243 + 15px
               text-indent: 15px;
               height: 25px;
               color: #808080;"></select>

Contoh ini menunjukkan cara untuk mencapai 15px yang diingini padding dengan menggunakan teks-inden: 15px dan meningkatkan lebar kotak pilihan dengan sewajarnya.

Atas ialah kandungan terperinci Bagaimana untuk Memohon Padding untuk Senarai Pilihan dalam Safari dan Internet Explorer?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!