0

I want to show some images on a dropdownlist to be selected by the users. I used the below Html code but it just shows the images on the Firefox browser. How may I make it possible to show the images on all browsers?

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>
RST
  • 3,899
  • 2
  • 20
  • 33
Javad-M
  • 456
  • 6
  • 22

1 Answers1

0

Is it possible that you meet the same problem in below links?

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

select dropdown background-image not showing in Chrome

Community
  • 1
  • 1
Trey Lin
  • 47
  • 3