Jeg lavede dette til spm
http://exp.dk/spm/315516Du kan måske bruge noget af det:
<script type="text/javascript">
function setElementStyle(element, style){
var element = event.srcElement, es = element.style, s = style;
es.backgroundColor = s.backgroundColor;
es.border = s.border;
es.color = s.color;
es.margin = s.margin;
es.padding = s.padding;
}
function elementFocus(){
var element = event.srcElement;
setElementStyle(element, element.styleHighlighted);
}
function elementBlur(){
var element = event.srcElement;
setElementStyle(element, element.styleNormal);
}
function findRule (ruleName){
var s = document.styleSheets(0), r = s.rules, l = r.length;
for (var i=0; i<l; i++){
if (r(i).selectorText == ("."+ruleName))
return r(i);
}
return null;
}
function makeAccessibleForm (form, clsHighlighted, clsNormal){
var styleHighlighted = findRule(clsHighlighted).style;
var styleNormal = findRule(clsNormal).style;
var elements = form.elements;
for (var i=0; i<elements.length; i++){
var element = elements[i];
element.styleHighlighted = styleHighlighted;
element.styleNormal = styleNormal;
element.attachEvent("onfocus", elementFocus);
element.attachEvent("onblur", elementBlur);
}
}
function initializeDocument() {
var form = document.getElementById("theForm");
makeAccessibleForm (form, "highlighted", "normal");
}
</script>