Mengapa Butang Saya Berjarak Berbeza dalam Firefox?

Percanggahan Jarak Butang Firefox

Dalam senario merentas pelayar, anda mungkin menghadapi ketidakkonsistenan dalam penampilan dan jarak butang antara Chrome/IE8 dan Firefox. Firefox mempamerkan jarak tambahan yang tidak terdapat dalam pelayar lain. Untuk membetulkan perkara ini, kita perlu menangani perbezaan penggayaan.

CSS tersuai yang disediakan mentakrifkan penampilan butang, termasuk pelapik, latar belakang, warna, jidar dan jidar. Walau bagaimanapun, Firefox menambah garis besar tambahan di sekeliling butang, menghasilkan perbezaan jarak yang dilihat.

Untuk menyelesaikan masalah ini, tambahkan CSS berikut pada kod anda:

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

Peraturan CSS ini menyasarkan cincin fokus dalam Firefox dan menetapkan pelapik dan sempadannya kepada sifar. Ia menghapuskan garis besar tambahan dan menjadikan penampilan butang sejajar dengan pelayar lain.

Dengan melaksanakan penyelesaian ini, anda boleh memastikan bahawa butang anda mempunyai jarak yang konsisten merentas semua penyemak imbas utama, meningkatkan pengalaman pengguna dengan mengekalkan visual keseragaman.

Atas ialah kandungan terperinci Mengapa Butang Saya Berjarak Berbeza dalam Firefox?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!