CSS Textfield在不同的浏览器中填充？

Question

嗨我在填充不同浏览器中的文本字段中有一些麻烦。这是他们在两种不同浏览器中的外观截图。这种填充设置为：

padding:8px 0 0 0; 

有谁知道我怎样才能使填充在大多数浏览器一样的吗？

谢谢！

Answer 1

每一个浏览器渲染HTML不同的是，删除的顶部填充给height您输入字段&相同line-height。就像这样：

input{ 
height:40px; 
line-height:40px; 
} 

它在所有的浏览器

Answer 2

我怀疑你会得到它完全正确的，但尝试，并明确设置height，line-height和vertical-align CSS属性。

Answer 3

如果您还没有使用，您应该使用CSS重置。 CSS重置将清除各种浏览器应用于某些元素的默认值，这可以实现更多的一致性。