I'm relatively new to javascript and I want to display separate icon images for each element in a drop down menu when the mouseover event occurs.
I don't know if this is possible, I haven't seen any examples of it. If anyone knows if this is possible and could point me in a direction I'd appreciate it.
Many browsers do not accept any independent style properties for 'option' elements,
and some do not respond to mouse events outside of the parent select element.
It won't hurt anything to set a curser style for an option, and in some browsers it will appear,
though it is sure to be confusing to mouse over several options with a constantly changing cursor.
With a lot of css and javascript you can make an unordered list look and act like a select,
with mouse events for each list item, and a hidden form element to send any selection- but that is a lot of work,
and it is even more work to make a thing like that keyboard accessible.
Bookmarks