FF中偏移/边距的原因答案

【问题标题】：Cause of offset/margin in FFFF中偏移/边距的原因
【发布时间】：2011-12-11 17:12:00
【问题描述】：

试图通过让父元素具有渐变边框，然后子元素具有常规背景来具有某种渐变边框。

这似乎在 FF 中搞砸了，但在 Chrome 中有效……有什么理由说明为什么 FF 添加了某种额外的填充/边距/偏移量，而不是完全 1px 填充？

这真的很烦人，因为你在 Firebug 中查看它，但额外的部分根本没有显示它来自哪里。它只是“那里”。

我也尝试过在那里使用 CSS 重置样式表来尝试使差异很小，但它仍然存在！

感觉它是由 HTML5 文档类型上的文档类型引起的，我已经让它在 FF7 和 Chrome 中工作。无法更改 JSFiddle 中的文档类型，因此无法真正测试和共享它。

【问题讨论】：

【解决方案1】：

Firefox 在放置焦点轮廓的按钮上有一些内部填充。

您可能希望将button::-moz-focus-inner 设置为没有边框或填充。

也就是说，对于按钮样式的特殊情况，操作系统和浏览器在其他方面有所不同，所以这些东西并不能真正保证工作......

【讨论】：