Input 如何纠正webkit浏览器和Firefox之间输入元素的行距不一致?

Input 如何纠正webkit浏览器和Firefox之间输入元素的行距不一致?,input,css,Input,Css,Firefox中是否存在会影响此输入元素上的行高的行高差异 你会在页面中间看到我的邮件,一个服装输入字段的文本垂直对齐非常尴尬,而在Chrome,Safari和IE(GASP)都很好。 是什么导致Firefox中出现这种不一致?我应该如何补救?所有浏览器对许多元素都有一个默认样式,而且它们根本不一致,因此最好的解决方法是使用CSS重置样式表删除所有这些默认CSS规则 唯一的“缺点”是,在包含重置后,您可能需要添加更多的规则,因为您可能使用了浏览器的一些默认样式,例如标题大小 我一直在使用,它工作

Firefox中是否存在会影响此输入元素上的行高的行高差异

你会在页面中间看到我的邮件,一个服装输入字段的文本垂直对齐非常尴尬,而在Chrome,Safari和IE(GASP)都很好。


是什么导致Firefox中出现这种不一致?我应该如何补救?

所有浏览器对许多元素都有一个默认样式,而且它们根本不一致,因此最好的解决方法是使用CSS重置样式表删除所有这些默认CSS规则

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


我一直在使用,它工作得非常好,但一定要在你的CSS之前包含它。

关于赞助商。CSS你有
div#赞助商通知我输入#email字段
这里有这个
填充:10px 10px 0只需将其更改为
填充:0 10px 0
并更改
高度:32px至<代码>高度:42px

基于Firefox和Webkit的浏览器对行高的处理方式不同,这会影响输入元素。一个对我有效的解决方法是在css属性中为每个元素使用相同的行高和高度值

e、 g

你也可以看看这个问题:

我在主样式表中使用了Eric Meyer的重置。这种解决方案非常有效,除非您需要支持多行文本。Webkit、Opera和IE在这方面都表现相同。我想知道为什么Firefox与众不同。
#button{        
    vertical-align: middle;          
    line-height: 60px;
    height: 60px; /* Firefox needs this to be equal to height */
}