IE6不支持 input:hover input:focus，只支持 input:active。解决方案思路如下：

样式表定义部分

</p> <p>input:focus, input.focus { background:lime; color:black; }</p> <p>

JS代码

</p> <p><!--[if IE]> </p> <p><script type="text/javascript"> </p> <p> window.onload = function(){ </p> <p> var inputs = document.getElementsByTagName("input"), i = inputs.length; </p> <p> while(i--){ </p> <p> inputs[i].onfocus = function(){ </p> <p> this.className += ” focus”; </p> <p> }; </p> <p> inputs[i].onblur = function(){ </p> <p> this.className = this.className.replace(” focus”, “”); </p> <p> }; </p> <p> }; </p> <p> }; </p> <p></script> </p> <p><![endif]--></p> <p>

或者

</p> <p>window.onload = function(){ </p> <p> for(var i = 0; i < document.forms.length; i++){ </p> <p> var form = document.forms[i]; </p> <p> for(var t = 0; t < form.elements.length; t++){ </p> <p> form.elements[t].onfocus = function(){ this.className += " focus"; } </p> <p> form.elements[t].onblur = function(){ this.className = this.className.replace(/focus/, ""); } </p> <p> form.elements[t].onmouseover = function(){ this.className += " hover"; } </p> <p> form.elements[t].onmouseout = function(){ this.className = this.className.replace(/hover/, ""); } </p> <p> } </p> <p> } </p> <p>}</p> <p>