Putting images with options in a dropdown list

by

This code will work only in Firefox:

<select>
    <option value="volvo" style="background-image:url(images/volvo.png);">Volvo</option>
    <option value="saab"  style="background-image:url(images/saab.png);">Saab</option>
    <option value="honda" style="background-image:url(images/honda.png);">Honda</option>
    <option value="audi"  style="background-image:url(images/audi.png);">Audi</option>
</select>

Edit (April 2018):

Firefox does not support this anymore.

More Related Contents:

  1. How do I make a placeholder for a ‘select’ box?
  2. How can I set the default value for an HTML element?
  3. using href links inside tag
  4. Change select box option background color
  5. Height of an HTML select box (dropdown)
  6. onclick on option tag not working on IE and chrome
  7. Line Break in HTML Select Option?
  8. How to remove the default arrow icon from a dropdown list (select element)?
  9. Select dropdown with fixed width cutting off content in IE
  10. Adding html class tag under in Html.DropDownList
  11. Remove Select arrow on IE
  12. Html Select box options on Hover?
  13. Changing highlight color
  14. HTML Form: Select-Option vs Datalist-Option
  15. Set width of dropdown element in HTML select dropdown options
  16. Default text which won’t be shown in drop-down list
  17. Are Multi-line Options in Html Select Tags Possible?
  18. How to show disable HTML select option in by default?
  19. How can I create an editable dropdownlist in HTML?
  20. Selectable in HTML tag
  21. Editable ‘Select’ element
  22. Image in SELECT element [duplicate]
  23. Setting hidden datalist option values
  24. How do I put a space character before option text in a HTML select element?
  25. Drop Down Menu/Text Field in one
  26. How can change width of dropdown list?
  27. Rendering a hierarchy of “OPTION”s in a “SELECT” tag
  28. How to get equal width of input and select fields
  29. Is it necessary to write HEAD, BODY and HTML tags?
  30. Difference in applying CSS to html, body, and the universal selector *?

Leave a Comment