我正在尝试在按钮元素中放置一个图标，但我在Firefox 4中的定位很奇怪。查看此演示http://jsfiddle.net/j6q2e/3/
它在Chrome和IE浏览器中按预期工作，但在Firefox中，图标完全不在预订范围内。这是一个已知的错误吗？有办法解决这个问题吗？
（我不想使用<a>，因为它是表单的提交按钮，我想保持这种方式。我也想避免使用背景图像样式，因为图标位于CSS精灵图像和用作背景图像我必须将其保存为单独的PNG。）
答案 0 :(得分：1)
快速更新，让这件事“回答”......
所以是的，这是Firefox中的一个错误，仍然是版本5. Chrome，IE9和Opera都正确地将图标放在按钮内。
还有另一个SO thread处理它，而这里是the Mozilla bug。
答案 1 :(得分：0)
您应该能够将其保存为精灵并将其用作背景图像，只需调整该图像周围的空间即可调整按钮的大小。您可能还想考虑diagonal sprites来帮助您解决问题。