user2301515 user2301515 - 29 days ago 16
CSS Question

Select removing dropdown arrow

I want to remove dropdown arrow from select in html. 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?

There is also an image:
enter image description here

Thank you

Answer

no need for hacks or overflow... there's a pseudo-element for the dropdown arrow on IE...

select::-ms-expand {
    display: none;
}