title: Add images in select dropdown box
body: <p>I am trying to add small images as the options in a drop down box in a form, rather than text. 
  It works in firefox (but nobody uses firefox anymore right?!) so need a way to do this for chrome primarily. I keep coming across this ddslick thing but I cannot download it from their site so want an alternate method.
  Any help is appreciated!</p>
  
  <p>HTML:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>select#severity option[value="Minor"] {
    background: url(../assets/constants/minor.png);
  }
  select#severity option[value="Moderate"] {
    background: url(../assets/constants/moderate.png);
  }
  select#severity option[value="Major"] {
    background: url(../assets/constants/major.png);
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="variables"&gt;
    &lt;select name="severity" id="severity" class="icon-menu"&gt;
      &lt;option value="Severity" selected disabled&gt;Please Select&lt;/option&gt;
      &lt;option value="Minor"&gt;Minor&lt;/option&gt;
      &lt;option value="Moderate"&gt;Moderate&lt;/option&gt;
      &lt;option value="Major"&gt;Major&lt;/option&gt;
    &lt;/select&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>