Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/hibernate/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 为什么它不显示在“图像”选项中?_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 为什么它不显示在“图像”选项中?

Javascript 为什么它不显示在“图像”选项中?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在尝试为我的“自动完成”选项创建缩略图,但无论我使用css,我都无法在“自动完成”选项上看到我的图像。我的代码有什么问题,或者如何使用“自动完成”选项上的图像?我说的是所有选项的不同图像,我不想使用样式背景,因为它只适用于firefox 选择{ 宽度:300px; 填充:10px; 边框:1px实心#ccc; } 选择权{ 填充:10px; } 选择1 选择2 您不能,只有在firefox中,才能在select上添加背景图像: <select> <option st

我正在尝试为我的“自动完成”选项创建缩略图,但无论我使用css,我都无法在“自动完成”选项上看到我的图像。我的代码有什么问题,或者如何使用“自动完成”选项上的图像?我说的是所有选项的不同图像,我不想使用样式背景,因为它只适用于firefox

选择{
宽度: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); }