Event.observe(window, 'load', function() { var fields = $$("input"); for (var i = 0; i < fields.length; i++) { fields[i].onfocus = function() {this.className += ' focused';} fields[i].onblur = function() {this.className = this.className.replace('focused', '');} } });
in the css file:
input:focus, /* works in FF without javascript */ input.focused /* used by js */ { background-color: #f7cd72; }