How to remove the default arrow icon from a dropdown list (select element)?
问题 I want to remove the dropdown arrow from a HTML <select> element. For example: <select style="width:30px;-webkit-appearance: none;"> <option>2000</option> <option>2001</option> <option>2002</option> ... </select> How to do it in Opera, Firefox and Internet Explorer? 回答1: There's no need for hacks or overflow. There's a pseudo-element for the dropdown arrow on IE: select::-ms-expand { display: none; } 回答2: The previously mentioned solutions work well with chrome but not on Firefox. I found a