文章/答案/技术大牛

发布

问IE8未概述文本框
EN

Stack Overflow用户

提问于 2012-08-24 13:11:09

回答 2查看 676关注 0票数 0

在IE8中，当我像这样设置输入字段的边框时：

input {
  border: 0;
}

输入字段周围没有所需的边框，但是我想要一个标准的轮廓，比如Chrome或Safari，只要焦点集中在输入上。现在，我可以通过伪类:focus添加一个边框，但我不希望这个伪类应用于已经有标准大纲的浏览器。

我怎样才能做到这一点？

编辑:我刚刚发现:focus没有在IE8中工作。我得加一个DOCTYPE才能让它正常工作。

html

css

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-08-24 13:15:21

要具体针对ie8，可以使用这种方法

向html标记中添加一个ie8类并从中继承。

在html标签上

<!--[if IE 8]>     <html class="ie ie8 lte9 lte8"> <![endif]-->

你的css

.ie8 input:focus {
  //your styles
}

票数 4

Stack Overflow用户

发布于 2012-08-24 13:15:36

可以将样式包含在条件CSS样式表中：

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->

然后，在该外部样式表中，将CSS包括如下所示：

input:focus { border: 1px solid golden; }

focus应该在IE8中工作。添加doctype并查看。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/12110069

复制

相似问题

问IE8未概述文本框
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问IE8未概述文本框EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问IE8未概述文本框
EN