如何修复 Firefox 中按钮间距过大的问题？

修复 Firefox 中的按钮间距

与其他浏览器相比，Firefox 中的按钮往往有额外的内边距和间距。这可能会造成美观障碍，尤其是在不同浏览器之间保持一致的设计时。

要消除此间距，请添加以下 CSS：

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

此规则针对“焦点内部”伪元素，这是 Firefox 特有的。通过将 padding 和 border 属性设置为零，可以删除额外的间距。

此外，建议在规则中包含 border 属性。这是因为将填充设置为零会删除按钮在 Firefox 中获得焦点时出现在按钮周围的虚线轮廓。一些开发人员选择完全删除此轮廓，而其他开发人员则用视觉上更具吸引力的元素替换它。

使用此 CSS 后，按钮在 Firefox 和其他浏览器中将具有一致的间距和外观。请参阅下面更新的 JSFiddle 示例进行直观比较：

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

以上是如何修复 Firefox 中按钮间距过大的问题？的详细内容。更多信息请关注PHP中文网其他相关文章！