dodać zdjęcie w opcji

Question

Czy ktoś może mi powiedzieć jak mogę dodać obraz w polu Wybierz

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 
} 

to działa dobrze na Mozilli, ale nie działa w IE i Google chrome. Czy ktoś może mi powiedzieć, jak mogę to zrobić Google Chrome

Answer 1

to nie jest możliwe w IE i prawdopodobnie chrome. Jedynym sposobem obejścia tego problemu jest utworzenie fałszywego menu rozwijanego przy użyciu javascript, ale nie jest to zalecane - chyba, że ​​pogarsza się z gracją.

Answer 2

Nie będzie można uzyskać tej funkcji za pomocą znacznika select. Musisz zrobić dla tego niestandardową kontrolę.

Oto przykład

Combobox with icons:

także znaleźć podobną SO pytanie

Image Dropdownlist

Answer 3

+1 z seengee, z wyjątkiem dla nie tylko wskazane. Możesz wdrożyć tego rodzaju "kontrolę" na swojej stronie internetowej, to zależy od tego, jak to zrobisz.

Tworzenie listy rozwijanej przy użyciu javascript, ale strona musi działać dobrze, przy użyciu zwykłego menu rozwijanego, jeśli ktoś wymyślił wyłączony javascript lub urządzenie mobilne.

Możesz zobaczyć rodzaj tego spadku na Facebooku, lub "web 2.0 javascript ajax pełen bzdur" stron internetowych.