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.

<ul>
     <li>option1</li>
     <li>option2></li>
     ..
</ul>

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

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

Answer 2

Its not possible as option tag. you can use custom dropdown list. http://tympanus.net/Tutorials/CustomDropDownListStyling/index2.html