I have customized my window scroller colours but can i customize the colours of my drop dow menu arrow box?
Also can i change the highlight colour of the background of each menu link as i go over them?
Thanks in advance
Miles
sorry if this is in the wrong forum section!You shouldn't colour the scroll-bars, they are pary of my browser not your page. You can't change the colour of the select box arrow.
Here is the CSS code to change the background of option elements onhover
ption{
background-color:#f00;
}
option:hover{
background-color:none;
}Not too sure if that will work, definately won't work in IE because it sucks, you'd need DHTML for that.
Edit: Nope, doesn't work in a standards browser either, I'm not sure if it's possible to change the background color of the hovered over option element, I just had a go with DHTML but that didn't work either.No, you'd use select, not option.select { background: maroon; color: white; }
select:hover { background: white; color: maroon; } works in browsers, but as you said, The Failure needs to be fed DHTML to follow suit.
EDIT: OK. I'm a goon. Sorry. Re-read your post, and I realize what you mean. No, I don't beleive that is possible as long as you follow standards... a DHTML solution is probably available though.
Also can i change the highlight colour of the background of each menu link as i go over them?
Thanks in advance
Miles
sorry if this is in the wrong forum section!You shouldn't colour the scroll-bars, they are pary of my browser not your page. You can't change the colour of the select box arrow.
Here is the CSS code to change the background of option elements onhover
ption{background-color:#f00;
}
option:hover{
background-color:none;
}Not too sure if that will work, definately won't work in IE because it sucks, you'd need DHTML for that.
Edit: Nope, doesn't work in a standards browser either, I'm not sure if it's possible to change the background color of the hovered over option element, I just had a go with DHTML but that didn't work either.No, you'd use select, not option.select { background: maroon; color: white; }
select:hover { background: white; color: maroon; } works in browsers, but as you said, The Failure needs to be fed DHTML to follow suit.
EDIT: OK. I'm a goon. Sorry. Re-read your post, and I realize what you mean. No, I don't beleive that is possible as long as you follow standards... a DHTML solution is probably available though.