如何为选择框中的选项添加背景图像？ [关闭]答案

【问题标题】：How to add background image for options in a select box? [closed]如何为选择框中的选项添加背景图像？ [关闭]
【发布时间】：2012-06-26 20:28:27
【问题描述】：

谁能给我一个跨浏览器支持的解决方案来解决这个问题？

【问题讨论】：

请说明您面临的问题以及在哪些浏览器中。此外，为了获得更好的反馈，您可能需要阅读faq 以提出更好的问题。

标签： javascript jquery html css cross-browser

【解决方案1】：

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

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

【讨论】：

【解决方案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

【讨论】：

该链接正是我制作自己的下拉菜单所需的，我已经尝试在接受的答案中使用 msdropdown。（msdropdown 很棒，但我发现很难让它与我的其他 jQuery 小部件相匹配。）
我相信背景图片不适用于选项元素。
这只适用于火狐
它在 chrome 中不起作用