How to put image into the select menu

Question

How can I put image next to the text in the select menu.

For example this is not working:

<select style="background-color:black; width:150px;color:white;">
   <option style="background-image:url(images/english.png);">English</option>
</select>

This is not working. I want to have a little flag first and then name of the language.

http://stackoverflow.com/questions/5562149/adding-images-with-option-tag — Arkadiusz 'flies' Rzadkowolski, Jul 16 '12 at 20:51
If you're jquery proficient then check this [plugin](http://designwithpc.com/Plugins/ddSlick) out — zgood, Jul 16 '12 at 20:58

MicronXD · Accepted Answer · 2013-11-13T03:28:53.313

3

The select element does not support that type of thing. It's meant to be a native control that's consistent wherever it's used. You can, however, whip up your own custom drop-down style menu.

Here's one I did (under the graph).
Also, here's a jquery plugin that might make it easier for you.

Good luck!

edited Nov 13 '13 at 03:28

answered Jul 16 '12 at 21:00

MicronXD

2,190
16
24

Neither of your links are valid. – Dave Sag Aug 27 '13 at 02:30
1

well, ~16 months ago jamielottering had a public repo for his jquery plugin and I had the domain perusd.com. I'll update the link to mine. – MicronXD Nov 13 '13 at 03:28

How to put image into the select menu

1 Answers1