css填充兼容性firefox 9铬15

Question

我使用css渐变和填充来模拟锚点标记周围的按钮。我遇到的问题是，Firefox似乎使按钮大3像素。顶部1像素，底部2像素。这似乎不仅发生在我发布的示例中，而且发生在我使用填充的页面上的任何地方。我忍耐并举例于http://wemw.net/example.php。在Firefox中，按钮的顶部和底部与搜索框完全对齐，但在铬中，我说它顶部1像素，底部2像素。我正在使用W3过渡（严格考虑）doctype和CSS重置。在重置所有锚点标记设置为填充：0，所以我很困惑，为什么这个额外的填充被添加。有没有解决这个问题的方法，或者只是在使用gecko和webkit浏览器时必须处理的问题？

编辑：所以我登录到Windows，它现在在两个浏览器中都显示相同。我假设它是操作系统特定的问题？由于没有接近尽可能多的人使用Linux的地方，我将改变填充以使其工作，但为了保持一致性，任何人都可以为跨OS跨浏览器解决方案提供解决方案？我不拥有一个mac并且不能轻易地在那里测试它，但是如果windows/linux可能在相同版本的相同浏览器上出现问题，那么假设mac可能也有我不知道的问题是安全的吗？

Answer 1

这不是锚标记上的填充，它是不一致的文本框的大小。 <input>元素总是对我造成这样的问题，我总是发现它很好地将它们排列在一起（你还没有在IE8中看到它，对吗？）。我认为这里最简单的跨浏览器解决方案是从文本框中移除边框，并使用与按钮正确对齐的背景图像（或更好地，包含文本框的元素上的背景图像）。