在HTML页面中将<img rel="nofollow noreferrer" 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错误):)

我听说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>