Mengapa Padding Tidak Berfungsi dalam Safari dan Senarai Pilihan IE?

Padding Tidak Dipaparkan dalam Senarai Pilihan dalam Safari dan IE

Walaupun kekurangan sekatan dalam spesifikasi W3, padding dalam kotak terpilih tidak disokong oleh pelayar WebKit, termasuk Safari dan Chrome. Akibatnya, padding tidak digunakan dalam penyemak imbas ini.

Untuk menangani isu ini, pertimbangkan untuk menggunakan inden teks dan bukannya padding-left. Kekalkan jumlah lekukan yang sama dengan menambah lebar kotak pilihan anda dengan sewajarnya.

Sebagai contoh, dalam kod anda:

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

Dengan menambah teks-inden:15px dan meningkatkan lebar kepada 258px , kotak pilihan kini akan memaparkan inden yang sama seolah-olah ia mempunyai 15px padding kiri, sementara masih berfungsi dengan betul dalam penyemak imbas WebKit.

Atas ialah kandungan terperinci Mengapa Padding Tidak Berfungsi dalam Safari dan Senarai Pilihan IE?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!