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

Dropdown list highlight colour

P: n/a
I have a dropdown list with a couple of dozen entries. I can change
the backgroup and text colour. But I cant find the CSS attribute
which changes the highlight colour which appears as the mouse moves up
or down the list. At the moment its the default deep purple colour
you get in any windows app, but I'd like change this to a more
suitable colour for my site.

This is what I have already -

<html>
<head>
<title>Dropdown Colour</title>
<style type="text/css">
option {
background: #E0E0E0;
color: #000000;
highlight: #C6C4BD;
}
</style>

</head>

<body>

<select>
<option>Shell</option>
<option>Cabbage</option>
<option>Beans</option>
<option>Cheese</option>
<option>Clock</option>
<option>Monkey</option>
</select>

</body>
</html>
TIA,

Colin
Jul 20 '05 #1
Share this Question
Share on Google+
2 Replies


P: n/a
Colin Steadman wrote:
I have a dropdown list with a couple of dozen entries. I can change
the backgroup and text colour. But I cant find the CSS attribute
which changes the highlight colour which appears as the mouse moves up
or down the list. At the moment its the default deep purple colour
you get in any windows app, but I'd like change this to a more
suitable colour for my site.

This is what I have already -

<html>
<head>
<title>Dropdown Colour</title>
<style type="text/css">
option {
background: #E0E0E0;
color: #000000;
highlight: #C6C4BD;
}
</style>

</head>

<body>

<select>
<option>Shell</option>
<option>Cabbage</option>
<option>Beans</option>
<option>Cheese</option>
<option>Clock</option>
<option>Monkey</option>
</select>

</body>
</html>
TIA,

Colin


option:hover{
background:#C6C4BD;
}

Should do the job.

--
Anne van Kesteren
<http://www.annevankesteren.nl/>
Jul 20 '05 #2

P: n/a
>
option:hover{
background:#C6C4BD;
}

Should do the job.

Excellent, thank you very much!

Colin
Jul 20 '05 #3

This discussion thread is closed

Replies have been disabled for this discussion.