html - 选项的背景图片

Question

我想要一个<select>元素，每个元素都<option>标有一个图标。

我可以<select size="5">通过将背景图像应用于<select>每个图标与一个选项一致的背景图像来实现这一点，但这在很大程度上取决于<option>可预测的高度（不是）。

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

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

Answer 1

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

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

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

Answer 2

不幸的是，您不能将图像添加到选项标签，因为它们只支持文本。实现所需效果的唯一方法是使用 javascript/jquery 进行自己的“选择”