Css 为什么jquery ui按钮在Firefox和Chrome中看起来不同

我上传了一个示例页面

这个页面只有一个jqueryui按钮

为什么这在firefox中看起来有点大。 填充和字体大小看起来都很大。 镀铬的看起来很好

---

如何使两个浏览器的大小（填充、字体等）相等？

我猜是

元素的呈现不一致。我可以验证每个浏览器之间的渲染是否不一致，高度差为2倍

如果您可以使用

元素，您可能会发现它在不同浏览器之间的渲染更加一致，尽管您很可能需要自己调整填充

完成后，您需要尝试显式设置任何相关样式，而不是依赖默认设置。 这包括：行高、填充、字体大小、边框宽度，甚至更多。 每个浏览器都有自己的默认设置。

---

如果您想要一致性，必须提供替换默认值的css。

我通过明确设置默认值解决了这个问题。

---

例如，我创建了一个input.navigation\u button CSS类，填充为：2px（Chrome在我的按钮上没有填充）。

在我看来完全一样。测试的浏览器版本？@codeformer FF 11.0和Chrome 19.0.1055。1@EliranMalkaFF 11.0和Chrome 19.0.1055.1检查页面是否在FF中设置了缩放级别。试着按CTRL+0（零）@codeformer我已经试过了。缩放级别在两个浏览器中都是正常的。我还删除了我自己开发的css（服务器上的更新页面）的引用。但它在FF中看起来还是有点大。这在FF中对u来说看起来更大吗@埃利兰说这对他来说完全一样。我已经试过调整填充物，但没有固定。在FF中更大。在FF中高2像素，宽7像素。那么解决方案是什么呢。。？？我希望按钮看起来和firefox中的一样。我不能使用

，因为我的应用程序是asp.net应用程序<代码>呈现为

。在这种情况下我能做些什么。。？？