Javascript 如何为选择框中的选项添加背景图像?

Javascript 如何为选择框中的选项添加背景图像?,javascript,jquery,html,css,cross-browser,Javascript,Jquery,Html,Css,Cross Browser,有谁能给我一个支持跨浏览器的解决方案来解决这个问题吗?您可以使用一个自定义的jquery插件,如以下参考: HTML:-您可以使用如下所示的内联样式 <select> <option style="background-image:url(1stimage.gif);">1</option> <option style="background-image:url(2ndimage.gif);">2</option>

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

您可以使用一个自定义的jquery插件,如以下参考:


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>

1.
2.
3.
上述代码可以在Firefox和Webkit浏览器中使用。对于其他浏览器,您可以使用JQuery UI,请找到下面的链接


编辑:您也可以尝试此操作

请说明您在哪些浏览器中面临哪些问题。此外,为了获得更好的反馈,您可能需要阅读以提出更好的问题。该链接正是我制作自己的下拉列表所需要的,因为我已经尝试在接受的答案中使用MSDROPDOW。(msdropdown非常出色,但我发现它很难与我的其他jQuery小部件相匹配。)我相信背景图像在选项元素上不起作用。这只在Firefox上起作用,在chrome上不起作用