user2301515 user2301515 - 9 months ago 74
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;">

How to do it in opera, firefox and internet explorer?

There is also an image:
enter image description here

Thank you

Answer Source

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

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