将带有选项的图像放在下拉列表中

Question

将带有选项的图像放在下拉列表中

我试图在下拉列表中插入图像。我尝试了以下代码，但它不起作用。实现这一目标的最佳方法是什么？

 <select>
  <option value="volvo"><IMG src="a.jpg"HEIGHT="15" WIDTH="15" BORDER="0"align="center">Volvo</option>
  <option value="saab"><IMG src="b.jpg"HEIGHT="15" WIDTH="15" BORDER="0"align="center">Saab</option>
  <option value="mercedes"><IMG src="c.jpg"HEIGHT="15" WIDTH="15" BORDER="0"align="center">Mercedes</option>
  <option value="audi"><IMG src="d.jpg"HEIGHT="15" WIDTH="15" BORDER="0"align="center">Audi</option>
  </select>

Answer 1

此代码仅适用于Firefox：<select> &nbsp;&nbsp;&nbsp;&nbsp;<option&nbsp;value="volvo"&nbsp;style="background-image:url(images/volvo.png);">Volvo</option> &nbsp;&nbsp;&nbsp;&nbsp;<option&nbsp;value="saab"&nbsp;&nbsp;style="background-image:url(images/saab.png);">Saab</option> &nbsp;&nbsp;&nbsp;&nbsp;<option&nbsp;value="honda"&nbsp;style="background-image:url(images/honda.png);">Honda</option> &nbsp;&nbsp;&nbsp;&nbsp;<option&nbsp;value="audi"&nbsp;&nbsp;style="background-image:url(images/audi.png);">Audi</option></select>Firefox不再支持此功能了。