Question

我想在下拉列表中显示一些图像，供用户选择。我使用了下面的Html代码，但它只显示了Firefox浏览器上的图像。如何才能在所有浏览器上显示图像？

Html：

<select name="some_Images" id="some_Images">
  <option style="padding-left:0px;" value="">Select an Image</option>
  <option style="background-image:url(emotic/1.gif); background-repeat: no-repeat;" value="1">Image1</option>
  <option style="background-image:url(emotic/2.gif); background-repeat: no-repeat;" value="2">Image2</option>
  <option style="background-image:url(emotic/3.gif); background-repeat: no-repeat;" value="3">Image3</option>
  <option style="background-image:url(emotic/4.gif); background-repeat: no-repeat;" value="4">Image4</option>
  <option style="background-image:url(emotic/5.gif); background-repeat: no-repeat;" value="5">Image5</option>
</select>

Answer 1

您是否可能在以下链接中遇到同样的问题？

Background Image for Select (dropdown) does not work in Chrome

select dropdown background-image not showing in Chrome

为什么图像下拉列表不会在某些浏览器上显示图像？

1 个答案: