title: Background Image appears on Select Box HTML
body: <p>I am customizing the select option box in html and css. I wanted to add a scroll in option box. But after adding a scroll i am facing a problem where the image of checked box remains on screen. </p>
  
  <p>This is the example I'm working with.</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>.selectbox {
   width: 30%;
  }
  .selectWrapper {
      width: 100%;
      overflow: hidden;
      position: relative;
      border: 1px solid #bbb;
      border-radius: 2px;
      background:#FFFFFF url('https://cdn.iconscout.com/icon/free/png-256/down-chevron-1438184-1216147.png') right 13px center no-repeat;
   
  }
  
  .selectWrapper select {
          padding: 12px 40px 12px 20px;
          font-size: 18px;
          line-height: 18px;
          width: 100%;
          border: none;
          box-shadow: none;
          background: transparent;
          background-image: none;
          -webkit-appearance: none;
          outline: none;
          cursor: pointer;
          -moz-appearance: none;
          text-indent: 0.01px;
          text-overflow: scroll;
      }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="selectbox"&gt;
    &lt;div class="selectWrapper"&gt;
    &lt;select id="selectOpt" onfocus='this.size=5;' onblur='this.size=1;' onchange='this.size=1; this.blur();'&gt;
     &lt;option&gt;Lorem&lt;/option&gt;
     &lt;option&gt;Parturient&lt;/option&gt;
     &lt;option&gt;Euismod&lt;/option&gt;
     &lt;option&gt;Lorem&lt;/option&gt;
     &lt;option&gt;Parturient&lt;/option&gt;
     &lt;option&gt;Euismod&lt;/option&gt;
     &lt;option&gt;Lorem&lt;/option&gt;
     &lt;option&gt;Parturient&lt;/option&gt;
     &lt;option&gt;Euismod&lt;/option&gt;
     &lt;option&gt;Lorem&lt;/option&gt;
     &lt;option&gt;Parturient&lt;/option&gt;
     &lt;option&gt;Euismod&lt;/option&gt;
     &lt;option&gt;Lorem&lt;/option&gt;
     &lt;option&gt;Parturient&lt;/option&gt;
     &lt;option&gt;Euismod&lt;/option&gt;
     &lt;option&gt;Lorem&lt;/option&gt;
     &lt;option&gt;Parturient&lt;/option&gt;
     &lt;option&gt;Euismod&lt;/option&gt;
    &lt;/select&gt;
    &lt;/div&gt;
    &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>