Changing the color of Select arrow on Forms (CSS)

[Sonti]

hi,
i'm changing the colors of input buttons and stuff on my form, but i can't find out what am i gonna call to that little freaking arrow on the Select.
Heres the code i have on my css, plz help

select{
background-image: none;
font-family: Verdana;
font-style: normal;
font-size: 12px;
color: #FFFFFF;
border-color:#FFFFFF;
border-style: solid;
border-width: 1px;
background-color: #99CCFF;
}

[LazyJim]

probably not possible unfortunately but if you find a way don't hesetate to prove me wrong!

[Distorted]

Just use the scrollbar css things. That should work:

[code:1:e308511d14]
.niftyDropdown {
scrollbar-arrow-color: #12406F;
}
[/code:1:e308511d14]

I think that this will work.

[LazyJim]

bet it only works on scroll bars!
(and only works on IE of course)

[Distorted]

Yes, IE only. Forgot to mention that. :b

[Sonti]

well lazyjim was right about that. i just found out that its not possible to change dropdown arrow on css yet. i just asked my teacher (i'm a multimedia designer student btw) and he confirmed that it is not possible. he wanted to do it on his own website too, but it just could'nt be done... but thanks anyway.. the form looks little ugly with gray dropdown arrows but there is nothing i can do.

[LazyJim]

yeah it's a shame

[Fusion]

Wooh, that guy looks like incredible hulk!.

[Distorted]

Sorry, I thought that the arrow used the same color as the scrollbars, so I thought that it might have worked with the scrollbar css stuff.

Maybe you could make a "dropdown" menu using divs and dhtml and just use an image for the arrow. It sounds complicated, but it probably is.