how to remove the default img in the select option?

Question

enter image description here

is there a way to make the select options like the above? how to remove the default img in the select options? thank you.

[http://stackoverflow.com/questions/1895476/how-to-style-select-dropdown-with-css-only-without-javascript](http://stackoverflow.com/questions/1895476/how-to-style-select-dropdown-with-css-only-without-javascript) — Molecular Man, Jul 26 '11 at 09:11

score 2 · Answer 1 · answered Jul 26 '11 at 09:12

2

http://tutorialzine.com/2010/11/better-select-jquery-css3/

This is a really good tutorial from a reliable site :)

I'm aware it uses jQuery but also makes use of CSS3

answered Jul 26 '11 at 09:12

benhowdle89

35,602
65
197
321

score 1 · Accepted Answer · answered Jul 26 '11 at 09:37

This is a good question! Ive been searching for the solution for this along time. My belief is that, this is the bestest solution: http://www.filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select/ You use it with jQuery UI and fully edit with css. However even more better solution would be making fully div and li based dropdown-menu with a hidden input, if you want to use it in a form.

how to remove the default img in the select option?

2 Answers2