JSFiddle - React, Tailwind, and code Playground

by godu

HTML

<select name="some_countries" id="some_countries" class="icon-menu">
<option style="padding-left:0px;" value="">Select a Country</option>
<option style="background-image:url(http://sahajayoga.fr/wp-content/uploads/2013/08/USA-drapeau.jpg);" value="US">USA</option>
<option style="background-image:url(http://upload.wikimedia.org/wikipedia/en/4/41/Flag_of_India.svg)" value="IN">India</option>
<option style="background-image:url(https://www.cia.gov/library/publications/the-world-factbook/graphics/flags/large/uk-lgflag.gif);" value="UK">England</option>
<option style="background-image:url(flags/france.png);" value="FR">France</option>
<option style="background-image:url(flags/germany.png);" value="GE">Germany</option>
<option style="background-image:url(flags/canada.png);" value="CA">Canada</option>
<option style="background-image:url(flags/russia.png);" value="RU">Russia</option>
</select>
<br/>
<input type="date"/>

CSS

option {
    background-repeat:no-repeat;
    background-position:bottom left;
    padding-left:30px;
    background-size: contain;
}