How to add image in drop-down list options using html and css only? [duplicate]

by 
<select>
  <option style="background-image:url(image1.jpg);">option1</option> 
</select>

More Related Contents:

  1. Bad: [html] in html code i can’t make two form input in one row [closed]
  2. Why does this CSS margin-top style not work?
  3. Understanding CSS selector priority / specificity
  4. How wide is the default “ margin?
  5. What is the difference between id and class in CSS, and when should I use them? [duplicate]
  6. Make absolute positioned div expand parent div height
  7. inline-block boxes not fitting in their container [duplicate]
  8. Bootstrap 4: Multilevel Dropdown Inside Navigation
  9. Prevent flex items from rendering side to side
  10. Setting a max character length in CSS
  11. How to increase space between dotted border dots
  12. How can I make all images of different height and width the same via CSS?
  13. How to center nav-items in Bootstrap? [duplicate]
  14. Fonts on the Web [duplicate]
  15. How to horizontally center an unordered list of unknown width?
  16. Set width of dropdown element in HTML select dropdown options
  17. space between divs – display table-cell
  18. Get input type=text to look like type=password
  19. How can I use the CSS pseudo-element :before{ content: ” } to affect an element?
  20. How to display text, a dotted line then more text spanning the width of the page?
  21. How can I apply a border only inside a table?
  22. What does the clearfix class do in css? [duplicate]
  23. Center image in div horizontally [duplicate]
  24. Add spacing between vertically stacked columns in Bootstrap 4
  25. HTML — Two Tables Horizontally Side by Side
  26. How to center an unordered list?
  27. Center a large image of unknown size inside a smaller div with overflow hidden
  28. How to change border color of textarea on :focus
  29. CSS Selector for No-Children-But-Not-Empty
  30. How to center and crop an image to always appear in square shape with CSS?

Leave a Comment