Bagaimana untuk mengalih keluar Garis Fokus Bertitik daripada Butang dalam Firefox?

Menghapuskan Garis Besar Fokus Bertitik dalam Firefox untuk Elemen Melangkaui Pautan

Sementara mengalih keluar garis fokus bertitik yang tidak sedap dipandang daripada pautan dalam Firefox adalah mudah menggunakan CSS property a:focus { outline: none; }, menggunakan teknik yang sama pada elemen selalunya terbukti tidak berkesan.

Penyelesaian: Menggunakan Elemen Pseudo Khusus Mozilla

Untuk menghapuskan garis putus-putus pada butang dalam Firefox, adalah perlu menggunakan penyemak imbas -elemen pseudo khusus ::-moz-fokus-dalaman. Elemen ini membenarkan penyasaran tepat bagi cincin fokus yang muncul dalam sempadan butang. Dengan menetapkan sifat sempadannya kepada 0, garis besar boleh disembunyikan dengan berkesan.

Kod CSS untuk mencapai ini adalah seperti berikut:

button::-moz-focus-inner {
  border: 0;
}

Dengan kod ini disediakan, klik pada butang dalam Firefox tidak lagi akan mencetuskan penampilan garis putus-putus, memberikan pengalaman pengguna yang lebih estetik dan konsisten.

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