尝试通过让父元素具有渐变边框然后子元素具有常规背景来获得某种渐变边框。
这似乎搞砸了FF，但在Chrome中运行......有什么理由说为什么FF会增加某种额外的填充/边距/偏移量，而不是完全是1px填充？
这真的很烦人，因为你在Firebug中看到它，但额外部分没有显示它来自哪里。它只是'那里'。
我也试过在那里使用CSS重置样式表来尝试使差异变小但仍然存在！
感觉它是由HTML5 doctype上的doctype引起的，我已经在FF7和Chrome中使用了它。无法在JSFiddle中更改doctype，因此无法真正测试和共享它。
答案 0 :(得分：1)
Firefox在按钮上有一些内部填充，用于放置焦点轮廓。
您可能希望样式button::-moz-focus-inner没有边框或填充。
也就是说，对于按钮的特殊情况，样式与操作系统和浏览器有不同的其他方式，因此这些东西并不能保证能够正常工作......