HTML中选择标签内的图像

Question

在下拉列表<select>中放置图片是否可行？

我尝试了以下代码：

<select name="selection">
    <option><img src="dbdesign.jpg" alt="NOIMAGE"/>list1</option>
    <option><img src="dbdesign.jpg" alt="NOIMAGE"/>list2</option>
</select>

输出显示list1和list2，但没有显示NOIMAGE，它是用于替换图像的src属性的备选方案。

- RAVITEJA SATYAVADA

---

我认为，在选项标签中无法添加图像。相反，您可以使用CSS和jQuery模拟下拉菜单。 - Anish

请查看此链接：https://dev59.com/XXI-5IYBdhLWcg3wu7Pv - Ahmad Y. Saleh

Answer 1

无法将图像添加到选择标签中。

您可以使用CSS/HTML/Javascript创建自定义菜单，但显然这需要更多的工作。

- tarmes

Answer 2

也许这会对你有所帮助。应该有效。请查看http://jsfiddle.net/jJfdr/4/

#selection option {
    background: url('dbdesign.jpg') 0 0 no-repeat;
    padding-left: 50px;
    height: 30px;
    background-size: 50%;
}

<select id="selection">
    <option>list1</option>
    <option>list2</option>
</select>

- Ariful Islam

---

即使页面没有任何更改！ - RAVITEJA SATYAVADA

@RAVITEJA，它应该可以工作。您可以看一下链接吗？ - Ariful Islam

这是 CSS 3 吗？它有哪些浏览器支持？ - Jimmery

@Jimmery 看起来这里没有使用 CSS3 的内容；如果你想的话，你应该可以在 IE6 中使用它。 - TylerH

@TylerH，CSS属性background-image在IE浏览器直到版本9才得到支持（http://caniuse.com/#search=background-image），CSS看起来没问题，我只是想知道将背景图像放到<option>标签上的浏览器支持情况。 - Jimmery