在选项中添加图像

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 Chrome中不起作用。 任何人都可以告诉我如何做这个谷歌铬

Answer 1

您将无法使用select标记实现此功能。你必须为此进行自定义控制。

这是一个例子

Combobox with icons:

还发现了一个类似的SO问题

Image Dropdownlist

Answer 2

这在IE中可能并且可能是chrome。唯一真正的解决方法是使用javascript创建一个虚拟下拉列表，但这不是真的可取的 - 除非它优雅地降级。

Answer 3

+1与seegee，除了不仅是可取的。你可以在你的网站上实现这种“控制”，这取决于你的行为。

您可以使用javascript创建一个下拉列表，但是如果有人提供了禁用的javascript或移动设备，则该页面必须正常工作，使用常规下拉列表。

你可以在Facebook上看到这种下拉，或“web 2.0 javascript ajax充满垃圾”网站。