Question

任何人都可以为我提供跨浏览器支持的解决方案吗？

Answer 1

您可以使用此参考中的自定义jquery插件：

http://www.marghoobsuleman.com/jquery-image-dropdown

Answer 2

HTML： - 您可以使用如下所示的内联样式，

<select>
    <option style="background-image:url(1stimage.gif);">1</option>
    <option style="background-image:url(2ndimage.gif);">2</option>
    <option style="background-image:url(3rdimage.gif);">3</option>
</select>

上述代码适用于Firefox和Webkit浏览器。对于其他浏览器，您可以使用JQuery UI，请找到下面的链接

http://docs.jquery.com/UI/Selectable

编辑：你也可以尝试这个http://www.jankoatwarpspeed.com/post/2009/07/28/reinventing-drop-down-with-css-jquery.aspx

如何在选择框中添加选项的背景图像？

2 个答案: