There is a select example:

<SELECT name="test">
  <option value="1">red</option>
  <option value="2">blue</option>
</SELECT>

The default color of arrow is black and button of select is gray,I want to know if I can use style table to change the color of the arrow and button of select type? How to realize it?

Hi Edward,

I don't think you can change that; at least not with HTML or CSS. These colors are determined by the skin or chrome of the browser and OS.

If you really need this functionality, I think you'll have to create a custom solution with images and JavaScript.

Cheers,

Imar
---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.

Although you can't change the arrow, you can, on the other hand, style colors of the individual <option> elements.

<option value='1' style='background: red; color: red;'>red</option>
<option value='2' style='background: blue; color: blue;'>blue</option>

Styling the individual <option> elements isn't widely supported by older browsers, but it does work on newer browsers, best on Mozilla, partially on IE, although I'm pretty sure that IE supports both background and foreground color changes in this case.

HTH!


Regards,
Rich

::::::::::::::::::::::::::::::::::::::::::
The Spicy Peanut Project
http://www.spicypeanut.net
::::::::::::::::::::::::::::::::::::::::::