Javascript 为什么它不显示在“图像”选项中?
我正在尝试为我的“自动完成”选项创建缩略图,但无论我使用css,我都无法在“自动完成”选项上看到我的图像。我的代码有什么问题,或者如何使用“自动完成”选项上的图像?我说的是所有选项的不同图像,我不想使用样式背景,因为它只适用于firefoxJavascript 为什么它不显示在“图像”选项中?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在尝试为我的“自动完成”选项创建缩略图,但无论我使用css,我都无法在“自动完成”选项上看到我的图像。我的代码有什么问题,或者如何使用“自动完成”选项上的图像?我说的是所有选项的不同图像,我不想使用样式背景,因为它只适用于firefox 选择{ 宽度:300px; 填充:10px; 边框:1px实心#ccc; } 选择权{ 填充:10px; } 选择1 选择2 您不能,只有在firefox中,才能在select上添加背景图像: <select> <option st
选择{
宽度:300px;
填充:10px;
边框:1px实心#ccc;
}
选择权{
填充:10px;
}
选择1
选择2
您不能,只有在firefox中,才能在select上添加背景图像:
<select>
<option style="background-image: url(images/1.jpg)">Option1 </option>
<option style="background-image: url(images/2.jpg)">Option2 </option>
</select>
选择1
选择2
你需要这样做,我在我的一个项目中尝试了,同时攻读了多多马大学的软件工程学士学位。
<select>
<option style="background-image:url(option1.png);">option 1</option>
<option style="background-image:url(option2.png);">option 2</option>
</select>
可能的重复可能的重复
<select id="selection">
<option>option 1</option>
<option>option 2</option>
</select>
select#selection option[value="option 1"] { background-image:url(option1.png); }
select#selection option[value="option 2"] { background-image:url(option2.png); }