title: How to remove the default arrow icon from a dropdown list (select element)?
body: <p>I want to remove the dropdown arrow from a HTML <code>&lt;select&gt;</code> element. For example:</p>
  
  <pre><code>&lt;select style="width:30px;-webkit-appearance: none;"&gt;
      &lt;option&gt;2000&lt;/option&gt;
      &lt;option&gt;2001&lt;/option&gt;
      &lt;option&gt;2002&lt;/option&gt;
      ...
  &lt;/select&gt;
  </code></pre>
  
  <p>How to do it in Opera, Firefox and Internet Explorer?</p>
  
  <p><img src="https://i.stack.imgur.com/y3uMJ.png" alt="enter image description here"></p>