By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,460 Members | 1,154 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,460 IT Pros & Developers. It's quick & easy.

How to change the mouse over color for select tag?

irfanmodan
P: 20
Hi Everybody,

i have one critical problem in HTML,

when i using select tag,

for eg:

<select>
<option>Test 1</option>
<option>Test 2</option>
</select>

i need mouse over color to change when mouse moves to options

default background color is blue,

Let me know it is possible.

please help me

Thanks In Advance
Irfan
Feb 26 '11 #1
Share this Question
Share on Google+
1 Reply


acoder
Expert Mod 15k+
P: 16,027
First things first, ask yourself if you really need this.

If you do, you can look at using:
Expand|Select|Wrap|Line Numbers
  1. elem.style.backgroundColor = ...
where elem is the option. I think that you may not be able to override the default colour (there may be a way, but it's not really something I'd be too concerned with), but it should change colour after moving the mouse.

This may also not work in IE.

If you want to guarantee that it works, you can create your own pseudo-element using a combination of HTML/CSS and JavaScript (i.e. DHTML).
Feb 28 '11 #2

Post your reply

Sign in to post your reply or Sign up for a free account.