troubles with an "onfocus" in a <select>

[JulianUK]

Hi
A niggling problem
I want my select box to change colour when it receives focus. So...

onfocus="this.style.background='#4F58FF';" onblur="this.style.background='#4F588F'"

Dark blue, to light blue, and back.

Trouble is, only the current <option> gets the colour change, the dropped down items remain in the same colour. If the drop down is closed then opened again, the colours appear higlighted as i want.

Its as if the onfocus isn't 'firing' before the drop down list is drawn.

Can I get round this?

Many thanks

Julian

 

[JulianUK]

no ideas anyone? pleeeease?!

 

[adam0101]

Could you loop through the options and change all their background colors?

 

[gph1]

Also try this

el.style.backgroundColor