How to put background image in select option tag using css

Question

I have a country dropdown list receiving from json response, and want to add respective country flag icons (getting the images as well from json reponse) next to the country nam

Answer 1

You can't give an option tag a background-image.

One solution will be to create your own "select" component.

     
option1
     
option2>
     ..

then you give some css to look like a select input.

And some javascript to handle showing and hiding "li" elements