Question

I am trying to show span which is right after the input element, when input has focus.
works on all browsers except IE7:

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

Anyone knows if this is a known bug?
I haven’t found information about this on google.

Answer 1

Internet explorer 7 does not support :focus

the only solution i can think of is to use javascript onfocus and onblur to simulate this effect on IE

example:

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

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