使用选项标签添加图像

问题描述:

我有一个下拉列表。我想添加图像。我尝试在option标记内添加img标记...但仍然无法显示图像。 如何使用option标签来做到这一点?使用选项标签添加图像

这是不可能的,因为<option> only supports text

您可能不得不使用复杂的HTML/CSS/JavaScript来推出自己的下拉控件。如何做到这一点可能会或可能不在您的问题范围内。

或者,您可以使用非重复的background-image并在文本上应用一些填充以获得类似的效果。但是,如果每个<option>要具有唯一的图像,则每个<option>的代码都将受到style属性的污染。如果你不介意的话,那很好。否则,以某种方式推出自己的产品。

+0

但'background-image'不适用于所有浏览器.. – 2016-07-21 08:02:29

+0

deadlink deadlink – Ash 2017-10-02 13:33:31

+0

@Ash [Here](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option)是一个新的链接。 – 2018-02-21 15:55:35