不同浏览器中的 CSS 文本字段填充？答案

【问题标题】：CSS Textfield padding in different browsers?不同浏览器中的 CSS 文本字段填充？
【发布时间】：2012-03-20 23:14:24
【问题描述】：

您好，我在使用不同浏览器的文本字段时遇到了一些问题。这是它们在两种不同浏览器中的外观的屏幕截图。该填充设置为：

padding:8px 0 0 0;

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

谢谢！

【问题讨论】：

【解决方案1】：

每个浏览器呈现 html 的方式都不同，因此，移除 顶部填充 将 height 提供给您的输入字段和相同的 line-height。像这样：

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

所有浏览器都一样

【讨论】：

【解决方案2】：

如果您还没有使用，则应该使用 CSS 重置。 CSS 重置将清除各种浏览器应用于某些元素的默认值，从而提高一致性。

【讨论】：

【解决方案3】：

我怀疑你会完全正确，但请尝试明确设置 height、line-height 和 vertical-align CSS 属性。

【讨论】：