CODEWITHSUNDEEP
htmlcssdrop-down-menustyling
Misha Moroshko
Misha Moroshko

Reputation: 171341

How to replace the dropdown list arrow with my own?

What would be the easiest method to replace the default arrow of the dropdown list with my own arrow image ?

Upvotes: 2

Views: 13680

Answers (3)

Julien Mellerin
Julien Mellerin

Reputation: 412

I suggest you to use Uniform. It allows you to mask your standard controls with something sexy using JQuery: http://pixelmatrixdesign.com/uniform

You'll be able to replace your dropdown list by using this simple line:

$(function(){ $("select").uniform(); });

You can also change your radio buttons and checkboxes by using the same method. There is still some downloadable themes available at the bottom of that page.

Upvotes: 2

Dharmesh
Dharmesh

Reputation: 1059

The styling of the default arrow totally depends on th kind of O.S you use.You can check the drop down box in Windows, linux they will take default O.S styling.

The best way to style the arrow is to use jquery plugin like : http://www.dev4press.com/jgd/dropdown/ http://plugins.jquery.com/taxonomy/term/463

Upvotes: 1

Stephen
Stephen

Reputation: 18964

The only good looking solution I've found is by using jQuery UI and this plugin.

http://www.filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select/

Upvotes: 3

Related Questions