Bagaimana untuk Menyembunyikan Anak Panah Turun dalam Elemen <select> dalam Firefox?-tutorial css-php.cn

How to Hide the Dropdown Arrow in <select> Elemen dalam Firefox? Elemen dalam Firefox? " />

Cara Alih Keluar Anak Panah Jatuh Turun dalam Elemen Menggunakan CSS dalam Firefox

Walaupun Chrome dan Safari berjaya menyembunyikan anak panah jatuh turun dengan butang -webkit-appearance:;, Firefox memberikan cabaran kerana pelaksanaan sifat -moz-appearance yang berbeza.

Masalah: Anak Panah Lalai Berterusan

Apabila menggunakan butang -moz-appearance: untuk 🎜>

Penyelesaian: Hack CSS

Untuk menyembunyikan anak panah lungsur dalam Firefox, gabungan sifat CSS diperlukan:

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

Salin selepas log masuk

Dengan menetapkan -moz-appearance kepada tiada dan menambahkan inden teks kecil sebanyak 0.01px, anak panah ditolak keluar dari paparan teks-limpahan: '' mengalih keluar sebarang teks limpahan yang tinggal, memastikan anak panah kekal tersembunyi.

Kemas kini:

11 Disember 2014:

-moz-penampilan: tiada; kini berfungsi seperti yang diharapkan dalam Firefox 35, menghapuskan keperluan untuk penggodaman.28 April 2014:
Godam CSS yang disebutkan di atas mempunyai keberkesanan sementara tetapi sejak itu muncul semula dalam Firefox 31.0.a1 Nightly pada berbilang platform.

Atas ialah kandungan terperinci Bagaimana untuk Menyembunyikan Anak Panah Turun dalam Elemen