How do I change the color of the arrow in the select box using CSS? I want the arrow to be gray. At the moment it's blue.

1 answer

danwellman 5600

You can't use CSS to change it unfortunately as it is controlled by the OS not the browser. The only way to do it is to use a select replacement technique where normal select boxes are replaced with (usually) <div> elements that have a drop-down menu attached to them. The replacement can be styled to resemble a select box, while giving you much more freedom over colors and the icon for the drop-down arrow.

The following is an example of select box replacement: jQuery select-box replacement by brainfault

Answered about 10 years ago by danwellman