Bagaimana untuk menyembunyikan dengan betul anak panah jatuh ke bawah dalam Firefox?

Membetulkan "-moz-appearance" untuk Penyembunyian Anak Panah Turun Pilih

Masalah:

Anda sedang cuba menyesuaikan anak panah jatuh turun elemen pilih menggunakan CSS dalam kedua-dua Chrome dan Firefox. Walaupun sintaks "-webkit-" anda beroperasi dengan sempurna dalam Chrome/Safari, rakan sejawatnya "-moz-" tidak menyembunyikan anak panah lungsur dalam Firefox. "-moz-appearance: tiada;" juga gagal mengalih keluar anak panah lalai.

Penyelesaian:

Nilai "-moz-appearance" yang betul untuk menghapuskan anak panah lungsur ialah "-moz- penampilan: tiada;." Walau bagaimanapun, sifat ini, bersama-sama dengan "-moz-appearance: button;" kini merupakan kandungan warisan. Firefox v35 dan seterusnya menyokong sifat "penampilan" yang dipertingkatkan, membolehkan penyelesaian yang lebih mudah:

<code class="css">select {
  appearance: none;
}</code>

Retasan Alternatif (Pra-Firefox v35):

Sebelum Firefox v35, hack CSS diperlukan untuk menyembunyikan anak panah:

<code class="css">select {
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
}</code>

Kaedah ini mengalihkan anak panah sedikit ke kanan, menyebabkan limpahan menghilangkannya.

Kemas kini:

• 11 Disember 2014: "-moz-appearance:none" kini disokong dalam Firefox v35.
• 28 April 2014: Penggodaman yang disebutkan di atas tidak berfungsi buat sementara waktu dalam Firefox 31.0.a1 Nightly; namun, isu itu telah diselesaikan.

Atas ialah kandungan terperinci Bagaimana untuk menyembunyikan dengan betul anak panah jatuh ke bawah dalam Firefox?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!