边框：在 IE8 中无效，但在 IE7 中无效？答案

【问题标题】：Border: none works in IE8 but not IE7?边框：在 IE8 中无效，但在 IE7 中无效？
【发布时间】：2012-05-19 06:26:14
【问题描述】：

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

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

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

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

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

【问题讨论】：

【解决方案1】：

使用border: 0px;，因为它看起来更兼容跨浏览器。

在这里检查这个问题 question here

这是一个修复 IE7 的示例：

【讨论】：

【解决方案2】：

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

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

【讨论】：