:使用Adjacent选择器的焦点将无法在IE7上运行

时间:2011-07-27 08:11:13

标签: css

当输入有焦点时,我试图显示输入元素后面的跨度 适用于除IE7以外的所有浏览器:

input:focus + span{ .. }  // won't work
input + span{ .. }        // does work

任何人都知道这是否是一个已知错误? 我没有在谷歌上找到有关此信息。

2 个答案:

答案 0 :(得分:1)

Internet Explorer 7不支持:焦点

我能想到的唯一解决方案是使用javascript onfocusonblur来模拟IE上的这种效果

示例:

element.onfocus = function () {
  this.className = "theFocusCssRuleClass";
}

element.ononblur = function () {
  this.className = "theNormalCssRuleClass";
}

答案 1 :(得分:1)

不支持:focus您可以添加此内容:

<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
<![endif]-->

升级MSIE5.5-7以与MSIE8兼容。