css - 边框：在 IE8 中无效，但在 IE7 中无效？

Question

我有带有 1px 填充的文本输入，有时我会在其上放置 1 px 边框。我希望所有文本输入都填充相同的垂直空间，无论是否有边框。为了实现这一点，我创建了一个“没有边框，但像你一样填充空间”的类，边框：none 和 2px 的填充：

.BorderInputNone {
 border: none;
 padding: 2px;
}

这在 IE8 中有效，但在 IE7 中，输入周围有可见的边框。

编辑：我通过使用边框修复它：透明。

.BorderInputNone {
border: 1px solid transparent;
padding: 1px;
}

score 4 · Accepted Answer

使用border: 0px;它似乎更兼容跨浏览器。

在这里检查这个问题

这是修复 IE7 的示例：

score 2 · Accepted Answer

我通过使用边框修复它：透明。

.BorderInputNone {
border: 1px solid transparent;
padding: 1px;
}

2 回答 2