Question

I am try to style the <select> ... </select> element using css. At the moment I am able to change the color, border, width, height … – but I have no idea how I can change the arrow (on the right), I want to use my own design, is there a way to accomplish it?

Thanks

Answer 1

Take a look here.

Basically you need to do something like this:

background: url(new_arrow.png) no-repeat right #ddd;