<select>
<option style="background-image:url(male.png);">male</option>
<option style="background-image:url(female.png);">female</option>
<option style="background-image:url(others.png);">others</option>
</select>
更好的是,您可以像这样将HTML和CSS分开
<select id="gender">
<option>male</option>
<option>female</option>
<option>others</option>
</select>
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 1.11开始,可以使用 小部件,它非常接近您想要的。