Disabled Select Dropdown UI

Disabled Select Dropdown UI will hide down icon

by RaviMakwana

HTML

Disabled dropdown: <select disabled>
    <option>Firefox</option>
    <option>Chrome</option>
    <option>Internet Explorer</option>
    <option>Safari</option>
</select>
<br/>
Enabled dropdown: <select>
    <option>Firefox</option>
    <option>Chrome</option>
    <option>Internet Explorer</option>
    <option>Safari</option>
</select>

<a href="https://gist.github.com/joaocunha/6273016">How to hide the select arrow in Firefox using <code>-moz-appearance:none;</code></a>

CSS

select[disabled] {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}

a {
    display: block;
    margin-top: 50px;
}