input - 如何纠正 webkit 浏览器和 Firefox 之间输入元素的行高不一致？

Question

Firefox 中是否存在会影响此输入元素上的行高的行高差异？ http://cure.org/curekids/

您会在页面中间的注册表单中看到我的电子邮件的服装输入字段的文本垂直对齐非常尴尬，而在 Chrome、Safari 和 IE 中(gasp)一切都很好。

是什么导致了 Firefox 中的这种不一致，我应该如何补救？

Answer 1

所有浏览器都有许多元素的默认样式，而且它们根本不一致，因此最好的方法是使用 CSS Reset 样式表来删除所有这些默认 CSS 规则。

唯一的“缺点”是，在包含重置后，您可能需要添加更多规则，因为您可能使用了一些浏览器的默认样式，例如标题大小。

我一直在使用 YUI 3 CSS Reset它工作得很好，但一定要在你的 CSS 之前包含它。