栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

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

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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

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 小部件,它非常接近您想要的。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/416144.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号