使用选项标记添加图片 [英] Adding images with option tag
问题描述
我有一个下拉列表。我想添加图像与它。我尝试添加 img
标记在tha 选项
标签...但仍然的图像不显示。
如何使用选项
标签?
I have a drop down list. I want to add images along with it. I tried adding img
tag inside tha option
tag... But still the images are not getting displayed.
How do I do it using option
tag?
推荐答案
这是不可能的,因为只有 < option>
支持文本。
It's not possible, as <option>
only supports text.
您可能必须使用复杂的HTML / CSS / JavaScript滚动您自己的下拉控件。
You may have to roll your own drop-down control using complex HTML/CSS/JavaScript. How to do it may or may not be within the scope of your question.
或者,您也可以使用不重复的 background-image
并对文本应用一些填充以实现类似的效果。但是如果每个< option>
都有一个唯一的图像,你的代码将被污染的 style
属性为每个< option>
。如果你不介意,这很好。否则,自己滚动自己。
Alternatively, you may use a non-repeating background-image
and apply some padding on the text to achieve a similar effect. But if each <option>
is to have a unique image, your code is going to be polluted with a style
attribute for every single <option>
. If you don't mind that, it's fine. Otherwise, roll your own somehow.
这篇关于使用选项标记添加图片的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!