Bagaimana untuk Menyelesaikan Masalah Padding Tidak Digunakan pada Safari dan Senarai Pilih IE?

Padding Tidak Digunakan pada Safari dan Senarai Pilihan IE: Panduan Penyelesaian Masalah

Walaupun mematuhi spesifikasi W3, padding mungkin tidak dipaparkan dalam pilih senarai pada pelayar Safari dan IE. Percanggahan ini timbul disebabkan oleh pengehadan dalam enjin pemaparan yang digunakan oleh penyemak imbas ini.

Memahami Isu

Dalam sampel kod anda:

<select style="padding-left:15px">
  <option>male</option>
  <option>female</option>
</select>

Safari dan IE gagal menggunakan padding kiri yang ditentukan.

Penyelesaian: Gunakan Inden Teks

Memandangkan padding tidak disokong, pendekatan alternatif ialah menggunakan inden teks. Sifat ini mengalihkan teks dalam senarai pilih mengikut jumlah yang ditentukan, mewujudkan ilusi pelapik.

Pengubahsuaian Kod

Dalam CSS anda, gantikan sifat padding-left dengan inden teks:

#sexID {
  text-indent: 15px;
  width: 258px; // Adjusted for text-indent
}

Nota: Ingat untuk melaraskan lebar senarai pilihan untuk menampung lekukan teks.

Pertimbangan Tambahan

• Pastikan doctype CSS yang dipilih tidak menghalang aplikasi padding.
• Semak mana-mana helaian gaya khusus penyemak imbas yang mungkin mengatasi CSS tersuai anda.
• Gunakan alatan pembangun penyemak imbas untuk memeriksa HTML dan CSS yang diberikan untuk mengenal pasti sebarang kemungkinan konflik.

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