CSS文本字段填充在不同的浏览器?

时间:2012-03-20 14:36:51

标签: css browser cross-browser padding

您好我在不同浏览器的文本字段中填充有问题。以下是它们在两种不同浏览器中的外观截图。该填充设置为:

padding:8px 0 0 0;

Top one is Safari and Bottom is Chrome

有没有人知道如何在大多数浏览器中使填充相同?

谢谢!

3 个答案:

答案 0 :(得分:3)

如果您尚未使用,则应使用CSS重置。 CSS重置将清除各种浏览器应用于某些元素的默认值,从而实现更高的一致性。

答案 1 :(得分:2)

每个浏览器都会以不同方式呈现html,删除 top padding 会将height提供给您的输入字段&相同line-height。像这样:

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

在所有浏览器中都一样

答案 2 :(得分:1)

我怀疑你会完全正确,但请尝试明确设置heightline-heightvertical-align CSS属性。