边框:没有在IE8中工作但不在IE7中工作?

时间:2012-05-10 16:11:09

标签: css internet-explorer-8 internet-explorer-7 border

我有1px填充的文本输入,我有时会放置1个px边框。我希望所有文本输入填充相同的垂直空间,边界或不。为了达到这个目的,我创建了一个“没有边框,但像你一样填充空间”这个类有border:none和2px的padding:

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

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

编辑:我使用border:transparent修复了它。

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

2 个答案:

答案 0 :(得分:4)

使用border: 0px;,因为它似乎更兼容浏览器兼容性。

在此处 question here

查看此问题

以下是修复IE7的示例:

http://jsfiddle.net/Z7Uee/

答案 1 :(得分:2)

我使用border:transparent来修复它。

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