How to change a default drop down icon of select list

Question

Hi All,

Is there any code or site which will provide me a source code for custom select

I want to use a image in in place of default dropdown icon..

Thanks

Answer 1

It can't be done with normal HTML or CSS, I've tried also.

You might find this useful: jQuery custom select boxes.

Really easy to implement and you can style the select boxes any way you want.

Hope it helps :)

Answer 2

You can take this jQuery Combo: http://www.marghoobsuleman.com/jquery-image-dropdown

Answer 3

Nope, can't be done with normal HTML <select> elements.

You would have to resort to a JavaScript-driven alternative.

Answer 4

The Uniform plugin for jQuery is quite nice for this; it let's you style the select drop down form element as well as check boxes and radio buttons. It's worth a look.