如何修復 Firefox 中按鈕間距過大的問題？

修復Firefox 中的按鈕間距

與其他瀏覽器相比，Firefox 中的按鈕往往有額外的內邊距和間距。這可能會造成美觀障礙，尤其是在不同瀏覽器之間保持一致的設計時。

要消除此間距，請加入下列 CSS：

此規則針對「焦點內部」偽元素，這是 Firefox 特有的。將 padding 和 border 屬性設為零，可以刪除額外的間距。

此外，建議在規則中包含 border 屬性。這是因為將填滿設為零會刪除按鈕在 Firefox 中獲得焦點時出現在按鈕周圍的虛線輪廓。一些開發人員選擇完全刪除此輪廓，而其他開發人員則用視覺上更具吸引力的元素替換它。

使用此 CSS 後，按鈕在 Firefox 和其他瀏覽器中將具有一致的間距和外觀。請參閱下面更新的 JSFiddle 範例進行直觀比較：

[更新的 JSFiddle](http://jsfiddle.net/thirtydot/Z2BMK/1/)

以上是如何修復 Firefox 中按鈕間距過大的問題？的詳細內容。更多資訊請關注PHP中文網其他相關文章！