title: show icon first select option
body: <p>i have a standard select html attribute and what i want to do is add an icon to the selected option list basically it shows the user that this select has download options here's my code.</p>
  
  <pre><code> &lt;select&gt;
      &lt;option style="background-image: url('https://s17.postimg.cc/kc1y6xwlb/download.png')"&gt;&lt;/option&gt;
      &lt;option&gt;PDF&lt;/option&gt;
      &lt;option&gt;CSV&lt;/option&gt;
   &lt;/select&gt;
  </code></pre>
  
  <p>this is what i am trying to achieve!</p>
  
  <p><img src="https://i.stack.imgur.com/K4ojA.png" alt="source"></p>
  
  <p>i have tried a couple of solutions but none seems to be working for my issue, any help?</p>
  
  <p><a href="https://jsfiddle.net/ovr3qo24/" rel="nofollow noreferrer">Fiddle</a></p>