Rumah >hujung hadapan web >tutorial css >Bagaimana untuk mengalih keluar Anak panah daripada Elemen Pilih dalam Internet Explorer?

Bagaimana untuk mengalih keluar Anak panah daripada Elemen Pilih dalam Internet Explorer?

Linda Hamilton
Linda Hamiltonasal
2024-11-13 02:30:02523semak imbas

How to Remove the Arrow from Select Elements in Internet Explorer?

Menghilangkan Anak Panah dalam IE: A Style Enigma

Alih keluar anak panah yang lancar pada elemen pilihan ialah kek dalam pelayar seperti Firefox , Safari dan Chrome. Walau bagaimanapun, IE9 yang perkasa terbukti menjadi musuh yang degil dalam usaha yang teliti ini.

Untuk menghadapi cabaran ini, kami menyelami bidang CSS. Pendekatan yang menjanjikan untuk IE9 melibatkan penggodaman yang bijak:

.styled-select select div::before {
    display: none;
}

Dalam kod ini, kami menggunakan paparan: tiada; untuk mengalahkan anak panah dari genggaman IE9. Selain itu, jika penyemak imbas yang disasarkan ialah IE10 yang lebih terkini, kami boleh memanfaatkan CSS3 untuk mencapai matlamat kami:

select::-ms-expand {
    display: none;
}

Walau bagaimanapun, bagi mereka yang mencari penyelesaian yang lebih mantap, Chosen.js muncul sebagai pemalam jQuery yang berani yang memberi kuasa kepada pembangun untuk menyesuaikan elemen pilihan dengan kehalusan. Namun begitu, jiwa yang berani mungkin lebih suka mencipta penyelesaian mereka sendiri dalam bidang JavaScript.

Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar Anak panah daripada Elemen Pilih dalam Internet Explorer?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn