добавить изображение в опции

Question

Может кто-нибудь сказать мне, как я могу добавить изображение в окне Выбор

HTML

<option id ="OP_{$LANG.MY_ID}" class="boardDialog" style="font-size:12px" value="OP_{$LANG.MY_ID}"> 

CSS

.boardDialog{ 

    background-image: url(../images/Work_Board_Member.png); 
    background-repeat: no-repeat 
} 

Это работает отлично на Mozilla, но не работает в IE и Google хром. Может ли кто-нибудь сказать мне, как я могу это сделать google chrome

Answer 1

это невозможно в IE и, вероятно, в хроме. Единственное реальное обходное решение - создать отказоустойчивое раскрывающееся меню с использованием javascript, но это действительно нецелесообразно - если оно не ухудшается грациозно.

Answer 2

Вы не сможете достичь этой функциональности, используя тег select. Для этого вам нужно создать собственный элемент управления.

Вот пример

Combobox with icons:

Также найдено аналогичный вопрос SO

Image Dropdownlist

Answer 3

+1 с seengee, ибо не только желательно, за исключением. Вы можете реализовать такой «контроль» на своем веб-сайте, это зависит от того, как вы это делаете.

Вы создаете выпадающий список с помощью javascript, но страница должна работать хорошо, используя обычный раскрывающийся список, если кто-то придумал отключенный javascript или мобильное устройство.

Вы можете увидеть вид этой выпадающей страницы на facebook или веб-сайтах web 2.0 javascript ajax full of crap.