如何在html中添加选择列表,html – 如何在选择列表中添加图像

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

male

female

others

更好的是，你可以分离HTML和CSS

HTML

male

female

others

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小部件可用，这是非常接近你想要的。

如何在html中添加选择列表,html – 如何在选择列表中添加图像相关推荐

如何在html表格中添加超链接,excel表格添加网页链接(网页链接execl 制作列表)...
如何在一个excel表中做数据链接在一个相对比较大表里点击一个数据的时候选择你所说的那个数据--右键--超链接--在左侧选择第2项--然后选择表格名称--上面指定单元格--确定怎么样把网页中的表 ...
IntelliJ IDEA 如何知道项目中的模块数据_如何从项目源中选择模块加入当前项目中（添加模块）_如何移除项目中的模块（移除模块/删除模块）
文章目录 IDEA 如何获取项目的模块数据从项目源中选择模块加入当前项目中如何移除项目中的模块方式一,选择模块的根目录(Content Root),鼠标右键 Remove 方式二,打开[项目结构 ...
如何在App中实现朋友圈功能之四在朋友圈中添加发送图片功能——箭扣科技Arrownock
如何在App中实现朋友圈功能之四在朋友圈中添加发送图片功能实现概念: 当用户在界面点击发送按钮的时候,如果已经有选择好的图片,我们的做法是先上传图片到服务器,再将图片Id作为Post的属性上传. ...
python list的extend （会将被插入的列表的每个元素从列表中拿出添加到列表中）与append方法（若被插入为列表，会将列表插入到源列表中）区别
python list的extend (会将被插入的列表的每个元素从列表中拿出添加到列表中)与append方法(若被插入为列表,会将列表插入到源列表中)区别 Python--list的extend() ...
php 选择出现列表,php – 如何从加权列表中选择4个唯一项？
所以我有一个加权项目列表,我想从这个列表中选择4个非重复项目. Item Weight Apple 5 Banana 7 Cherry 12 ... Orange 8 Pineapple 50 最有效 ...
如何在FineUIMvc（ASP.NET MVC）中显示复杂的表格列数据（列表和对象）？
起源最初,这个问题是知识星球内的一个网友提出的,如何在FineUIMvc中展现复杂的列数据? 在FineUIPro中,我们都知道有一个 TemplateField 模板列可以使用,我们只需要在后台定 ...
python资源管理器选择文件_Python：在资源管理器中获取选定文件的列表（windows7）...
我知道现在在这里发布答案有点晚了,但我几个月前尝试过Olav的解决方案,但它没有完全起作用:工作目录是脚本的工作目录,所以我不得不删除if条件才能使其工作,但它选择了所有Windows资源管理器窗口中 ...
html网页制作嵌套列表,如何在HTML中制作列表标记，以及实现列表嵌套
匿名用户 1级 2016-10-30 回答方法/步骤 1 无序列表无序列表中每一个表项的前面是项目符号(如■ . ● 等). 建立无序列表使用标记和表项标记.格式为: 第一个列表项第二个列表 ...
Python 列表查找，如何在列表中查找项目或者元素索引【翻译】
Python 列表查找,如何在列表中查找项目或者元素索引在本文中,你将学习如何在Python中查找列表中包含元素的索引. 有几种方法可以实现这一点,在本文中,你将学习三种不同的方式用于查找列表元素的 ...
【错误记录】Google Play 上架报错 ( 您还没有为此轨道选择任何国家或地区。至少要添加 1 个国家或地区才能发布此版本)
文章目录一.报错信息二.解决方案一.报错信息您还没有为此轨道选择任何国家或地区.至少要添加 1 个国家或地区才能发布此版本二.解决方案参考文档 : 将应用版本分发到特定国家/地区 : ht ...

如何在html中添加选择列表,html – 如何在选择列表中添加图像

如何在html中添加选择列表,html – 如何在选择列表中添加图像相关推荐

最新文章

热门文章