Bagaimana untuk mengalih keluar Garis Besar Bertitik dalam Firefox pada Butang dan Pautan?

Cara Mengalih Keluar Garisan Bertitik Firefox pada Butang dan Pautan

Memahami Isu

Bila menavigasi halaman web dalam Firefox, anda mungkin telah menemui garis putus-putus yang menjengkelkan di sekeliling butang dan pautan apabila ia mendapat tumpuan. Tingkah laku lalai ini boleh menjejaskan estetika reka bentuk anda.

Mengalih Keluar Garisan Bertitik pada Pautan

Untuk mengalih keluar garis bertitik pada pautan, anda boleh menggunakan peraturan CSS berikut :

a:focus {
    outline: none;
}

Mengalih keluar Garisan Bertitik pada Butang

Untuk butang, butang mudah:fokus { outline: none; } peraturan mungkin tidak mencukupi. Selain mengalih keluar garis besar daripada elemen itu sendiri, anda juga mesti mengalih keluar garis besar daripada cincin fokus dalam, yang Firefox gunakan untuk menunjukkan fokus. Ini boleh dilakukan dengan peraturan berikut:

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

Nota

Walaupun secara teknikalnya mungkin untuk menyembunyikan garis fokus, ia adalah kebimbangan kebolehgunaan. Mengalih keluar garis besar mungkin menyukarkan pengguna untuk mengenal pasti elemen yang mempunyai fokus. Pertimbangkan untuk menyediakan pembayang fokus alternatif yang sesuai untuk reka bentuk anda.

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