如何在选择列表中添加图像？

在 Firefox中， 您可以将背景图片添加到选项中：

<select>  <option >male</option>  <option >female</option>  <option >others</option></select>

更好的是，您可以像这样将HTML和CSS分开

HTML

<select id="gender">  <option>male</option>  <option>female</option>  <option>others</option></select>

CSS

select#gender option[value="male"]   { background-image:url(male.png);   }select#gender option[value="female"] { background-image:url(female.png); }select#gender option[value="others"] { background-image:url(others.png); }

在 其他浏览器中 ，唯一的方法是使用某些JS小部件库，例如 jQuery UI ，例如使用Selectable 。

从jQuery UI 1.11开始，可以使用Selectmenu 小部件，它非常接近您想要的。