javascript - 如何为选择框中的选项添加背景图像？

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