Background Images On Options

I'd like to get a element where each is labelled with an icon. I can achieve this using , by applying a background image to the

Solution 1:

You cannot reliably style elements like that across browsers; some of them will allow you to insert backgrounds and such, some will not.

If you want guaranteed cross-browser compatibility the only way is to use custom widgets instead of <select> elements.

If you are OK with limited compatibility, state your target browsers.

Solution 2:

unfortunately you cannot add images to option tags since they only support text. The only way to achieve your desired effect is to make your own "select" using javascript/jquery