css - :focus with Adjacent selector won't work on IE7

Question

当输入具有焦点时，我试图显示紧跟在输入元素之后的跨度。
适用于除 IE7 之外的所有浏览器:

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

有人知道这是否是一个已知错误吗？
我还没有在谷歌上找到这方面的信息。

Answer 1

Internet Explorer 7 不支持:focus

我唯一能想到的解决办法就是用javascript onfocus 和 onblur 在IE上模拟这种效果

例子:

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

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