您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

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

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

在 您可以将背景图片添加到选项中:

<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开始,可以使用 小部件,它非常接近您想要的。

其他 2022/1/1 18:20:34 有454人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶