在HTML页面中将<img src="..."/>插入<option> </option>的好方法是什么？

Question

使用javascript或其他方法？ 有任何建议吗？

Answer 1

IMAGE标记不能在OPTION 1中（根据HTML4.01和XHTML1.0）。将其作为背景图像（选项元素）应用。

...
<option style="background-image:url(...) ...">...</option>
...

另请注意，某些浏览器不允许在select和option元素上使用太多样式。例如，Safari不支持选项元素的“背景颜色”（在06年提交了WebKit bug）））

我听说Chrome也有类似的“问题”。

Answer 2

我建议你使用CSS。例如：

<select style="width: 100px;">
<option style="background-image: url(/images/a.png);">First option</option>
<option style="background-image: url(/images/b.png);">Second option</option>
</select>

Answer 3

您可以使用fontAwesome来显示一些'img'。例如，使用＆amp;＃xF046可以显示复选框图像。它总比没有好。或者您可以编辑字体以显示简单的图像。