javascript - How to have hover effects on input boxes in Internet Explorer 6 -

How do I view the hover effect on Input Boxes in Internet Explorer 6? If I can use it, then using YUI.

Thank you

Try this JavaScript:

var inputs = document.getElementsByTagName ("input"); Var hoverOn = function () {this.className = "hover"; }; Var hoveroff = function () {this.className = ""; }; For (var i = 0, l = inputs.length; i & lt; l; ++ i) {Inputs [i] .onmouseover = hoverOn; Input [i] .onmouseout = hoverOff; }

and CSS:

  input.hover {background color: # f0f; }  

Here's the one that works in Firefox ... let me know how IE 6 goes ...