选项背景图片

Question

我想获得一个<select>元素，其中每个<option>都标有图标。

我可以使用<select size="5">来实现这一点，方法是将背景图片应用于每个图标与选项重合的<select>，但这很大程度上取决于<option>的高度可预测的（事实并非如此）。

我可以将单独的背景颜色应用于不同的选项，为什么不将背景图像应用？

实际上，这个问题可以扩展到“<option>标签可以使用哪些样式属性？”

Answer 1

你不能在浏览器中可靠地设置这样的元素;其中一些将允许您插入背景等，有些则不会。

如果您希望保证跨浏览器兼容性，唯一的方法是使用自定义小部件而不是<select>元素。

如果您的兼容性有限，请说明您的目标浏览器。

Answer 2

遗憾的是，您无法将图像添加到选项标记，因为它们仅支持文本。实现所需效果的唯一方法是使用javascript / jquery

进行自己的“选择”