title: hide select dropdown arrow in ie9
body: <h3>I had used the following code in IE, it works only in IE 10, but it is not working in IE 8, 9 -  select dropDown arrow want to hide at least IE9. Please help me.</h3>
  
  <pre><code>&lt;select  class="dropDown"&gt;
      &lt;option&gt;mango&lt;/option&gt;
      &lt;option&gt;banana&lt;/option&gt;
      &lt;option&gt;pomegranate&lt;/option&gt;
      &lt;option&gt;papaya&lt;/option&gt;
  &lt;/select&gt;
  
  
  select.dropDown {
      outline : none;
      overflow : hidden;
      text-indent : 0.01px;
      text-overflow : '';
      background : #666;
  
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none;
  }
  select.dropDown::-ms-expand
      display: none;
  }
  </code></pre>