Change select>option hover style properties

HTML & CSS
1

I have a dropdown (single select).
When I browse through the options, the background colour of the option the mouse is over on, is blue (orange in Ubuntu).
Is there a way to control this background colour ? :hover doesnt work, JavaScript ?

Thanks

2

try to change the background property with a javascript function on onmouseover event

3

This belongs in the JavaScript forum. There is no way with css to dynamically change the background color using an onmouseover event

4

There is no way of specifying the selected option in order to change its background colour. Applying a background to either the select or option tags will change the background either on the entire select except for the selected entry or for all the options except for the selected entry. The only way I believe it is possible to change the colour of the background on the selected entry is via the theme you define within your operating system on your computer and that will only change it for you and not for your visitors.

This thread doesn’t belong in either the CSS or JavaScript forums as this cannot be done using either language.

If you must claim that control within your web page then the only way would be to create your own select list using a hidden input field and a list and then you can use CSS and JavaScript to both style the list and to update the input field with what is selected from the list.

5

This thread doesn’t belong in either the CSS or JavaScript forums as this cannot be done using either language.

…you can use CSS and JavaScript

Lol

Wouldn’t he just be able to do an onclick event ?

onclick=“document.bgColor = #0099cc;”