Bagaimana untuk mengalih keluar Garis putus-putus daripada Kotak Pilihan dalam Firefox?

Mengalih keluar Garis Besar daripada Kotak Pilihan dalam Firefox

Soalan: Adakah mungkin untuk mengalih keluar garis bertitik mengelilingi item yang dipilih dalam < ;pilih> elemen dalam Firefox?

Percubaan dan Kegagalan CSS:

Percubaan telah dibuat untuk mengalih keluar garis besar menggunakan sifat garis besar dalam CSS, tetapi ia terbukti tidak berkesan dalam Firefox.

<style>
   select { outline:none; }
</style>

Penyelesaian:

Untuk mengalih keluar garis besar dalam Firefox, gunakan peraturan CSS berikut:

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

Peraturan ini menyasarkan Firefox- khusus -moz-focusring pseudo-class, menjadikan cincin fokus telus dan menyembunyikan garis putus-putus. Ia merupakan penyelesaian kalis peluru yang secara berkesan mengalih keluar garis besar hanya dalam Firefox.

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