В Firefox вы можете просто добавить фоновое изображение к опции:
. Еще лучше, вы можете отделить HTML и CSS как
HTML
CSS
select#gender option[value="male"] { background-image:url(male.png); }
select#gender option[value="female"] { background-image:url(female.png); }
select#gender option[value="others"] { background-image:url(others.png); }
В других браузерах единственный способ сделать это - использовать некоторую библиотеку виджетов JS, например, например, jQuery UI , например используя Выбираемый .
Из jQuery UI 1.11 доступен [] g2] Selectmenu , который очень близок к тому, что вы хотите.