修復Firefox 中的按鈕間距
與其他瀏覽器相比,Firefox 中的按鈕往往有額外的內邊距和間距。這可能會造成美觀障礙,尤其是在不同瀏覽器之間保持一致的設計時。
要消除此間距,請加入下列 CSS:
此規則針對「焦點內部」偽元素,這是 Firefox 特有的。將 padding 和 border 屬性設為零,可以刪除額外的間距。
此外,建議在規則中包含 border 屬性。這是因為將填滿設為零會刪除按鈕在 Firefox 中獲得焦點時出現在按鈕周圍的虛線輪廓。一些開發人員選擇完全刪除此輪廓,而其他開發人員則用視覺上更具吸引力的元素替換它。
使用此 CSS 後,按鈕在 Firefox 和其他瀏覽器中將具有一致的間距和外觀。請參閱下面更新的 JSFiddle 範例進行直觀比較:
[更新的 JSFiddle](http://jsfiddle.net/thirtydot/Z2BMK/1/)
以上是如何修復 Firefox 中按鈕間距過大的問題?的詳細內容。更多資訊請關注PHP中文網其他相關文章!