Rumah >hujung hadapan web >tutorial css >Bagaimana untuk mengalih keluar Garis putus-putus daripada Kotak Pilihan dalam Firefox?

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

Susan Sarandon
Susan Sarandonasal
2024-11-04 11:12:30982semak imbas

How to Remove the Dotted Outline from a Select Box in 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!

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