Bagaimanakah Saya Mengalih Keluar Garis Bertitik Di Sekitar Item Terpilih dalam Kotak Pilihan Firefox?

Menjinakkan Garis Besar Bertitik dalam Kotak Pilihan pada Firefox

Semasa menyesuaikan elemen web, anda mungkin menghadapi garis putus-putus yang menjijikkan yang membungkus item terpilih dalam pilihan kotak, terutamanya dalam Firefox. Percubaan untuk menghapuskan garis besar ini menggunakan sifat garis besar CSS sering terbukti sia-sia.

Penyelesaian

Seperti yang dicadangkan dengan tepat oleh Duopixel, kuncinya terletak pada penyasaran :-moz-focusring unsur pseudo yang mengawal garis besar bertitik dalam Firefox. Dengan menggunakan CSS berikut:

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

anda boleh menjadikan garis putus-putus tidak kelihatan, meninggalkan kotak pilihan yang bersih dan tidak bersepah.

Mengoptimumkan Pembetulan

Untuk mengelakkan isu kebolehaksesan, adalah penting untuk memastikan warna telus dan bayangan teks digunakan untuk mengekalkan kebolehbacaan. Pengubahsuaian ini memastikan bahawa pilihan yang dipilih kekal kelihatan semasa garis besar bertitik dihapuskan.

Pertimbangan khas

Perlu ambil perhatian bahawa penyelesaian ini disesuaikan khusus untuk Firefox. Dalam penyemak imbas lain, garis besar bertitik boleh dialih keluar menggunakan pendekatan alternatif.

Atas ialah kandungan terperinci Bagaimanakah Saya Mengalih Keluar Garis Bertitik Di Sekitar Item Terpilih dalam Kotak Pilihan Firefox?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!