Bagaimana untuk mengalih keluar Garis Besar daripada Kotak Pilih dalam Firefox?

Mengalih keluar Outline daripada Select Boxes dalam Firefox

Garis yang mengelilingi item yang dipilih dalam elemen pilihan boleh mengganggu secara visual. Artikel ini meneroka cara untuk mengalih keluar garis besar ini dalam Firefox, walaupun sifat garis besar CSS tidak berkesan.

Percubaan Gagal Menggunakan CSS

Menambah sifat garis besar dengan nilai tiada dalam CSS tidak mengalih keluar garis besar dalam Firefox:

select { outline:none; }

Penyelesaian Kalis Peluru Menggunakan the Pseudo-Class

Penyelesaian yang lebih mantap melibatkan penggunaan pseudo-class khusus Firefox:-moz-focusring:

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

Kod ini menggunakan gaya berikut pada: -moz-focusring pseudo-class:

• Menetapkan warna kepada lutsinar, menyembunyikan garis besar.
• Menambahkan bayangan teks bersaiz 0 untuk mengelakkan sebarang perubahan dalam penampilan fon.

Menggunakan gaya ini memastikan bahawa garis bertitik dialih keluar hanya dalam Firefox, tanpa menjejaskan pelayar lain. Penyelesaian ini menyediakan kaedah yang boleh dipercayai dan khusus pelayar untuk mengalih keluar garis besar daripada kotak terpilih.

Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar Garis Besar daripada Kotak Pilih dalam Firefox?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!