Pilih Senarai Isu Padding dalam Safari dan IE: Bagaimana untuk Menyelesaikan?

Pilih Senarai Isu Padding dalam Safari dan IE

Ramai pembangun menghadapi masalah dengan padding tidak berfungsi seperti yang dijangkakan dalam senarai terpilih apabila menggunakan penyemak imbas seperti sebagai Safari dan Internet Explorer. Walaupun sebab isu ini tidak ditakrifkan dengan baik dalam spesifikasi W3, ia adalah pengehadan penyemak imbas WebKit yang diketahui, yang memberi kuasa kepada Safari dan Chrome.

Penyelesaian:

Walaupun kekurangan sokongan untuk pelapik, anda boleh mencapai kesan yang sama dengan menggunakan lekukan teks sebaliknya. Kaedah ini melibatkan mengalih keluar sebarang padding yang digunakan pada kotak pilihan dan menambah jumlah yang setara dengan lebarnya. Selain itu, tetapkan sifat inden teks kepada nilai yang sama.

Contoh:

Pertimbangkan kod berikut:

<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>

Dalam contoh ini , padding asal 15px telah dialih keluar daripada gaya kotak pilih. Sebaliknya, lebar ditingkatkan sebanyak 15px untuk menampung lekukan teks, memastikan kesan visual kekal konsisten merentas penyemak imbas yang berbeza.

Atas ialah kandungan terperinci Pilih Senarai Isu Padding dalam Safari dan IE: Bagaimana untuk Menyelesaikan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!