html - 使用表单元素在 IE7 和 IE8 中获得统一布局

Question

IE7 似乎在表单元素的上方和下方放置了额外的 1px 间距。IE8、FF3.5、Chrome 2 和 Opera 9.5 可以正确呈现这些没有间距的元素。

不过，我想要的是在 IE7 中显示相同，所以是否有某种解决方法可以让 IE7 正确呈现元素？

表单元素(例如输入框)是否放置在 's 或 's 内似乎无关紧要，填充、边距和间距设置似乎也不重要。 (将它们全部设置为零仍然在输入框周围有 1px 的空间)

Answer 1

我不久前遇到过这个问题，老实说，我不太确定我记得这个修复程序。我记得好像和IE在输入框内外加了padding有关，导致无法修复。要么是那个，要么是边界。一起或单独尝试其中任何一个:

input {
    border: 0;
    font-size: .9em;
}

如果其中任何一个提供您所需要的，我会附上条件评论，例如:

<!--[if lte IE 7]>
input {
    border: 0;
    font-size: .9em;
}
<![endif]-->