Rumah > hujung hadapan web > tutorial css > Bagaimanakah Saya Boleh Menyesuaikan Gaya Anak Panah Elemen Pilihan Merentas Semua Penyemak Imbas?

Bagaimanakah Saya Boleh Menyesuaikan Gaya Anak Panah Elemen Pilihan Merentas Semua Penyemak Imbas?

Mary-Kate Olsen
Lepaskan: 2024-12-08 11:34:11
asal
930 orang telah melayarinya

How Can I Customize the Arrow Style of a Select Element Across All Browsers?

Menyesuaikan Gaya Anak Panah dalam Elemen Pilih

Dalam usaha untuk meningkatkan estetika elemen pilihan, percubaan telah dibuat untuk menggantikan anak panah lalai dengan imej tersuai. Walaupun berjaya dalam Chrome, Firefox dan IE9 mempamerkan ketidakkonsistenan.

Untuk menangani isu ini:

  1. Keserasian Merentas Penyemak Imbas:

    Untuk memastikan tingkah laku yang konsisten merentas semua pelayar utama, kod berikut boleh diperbadankan:

    .styled-select select {
        -moz-appearance:none; /* Firefox */
        -webkit-appearance:none; /* Safari and Chrome */
        appearance:none;
    }
    Salin selepas log masuk
  2. Firefox Quirks (Pra-Versi 35):

    Firefox sebelum versi 35 tidak menyokong sepenuhnya gaya anak panah tersuai untuk elemen terpilih. Penyelesaian boleh didapati di sini: [JSfiddle](https://jsfiddle.net/e622m/)

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menyesuaikan Gaya Anak Panah Elemen Pilihan Merentas Semua Penyemak Imbas?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan