JSFiddle - React, Tailwind, and code Playground

HTML

<select id"myselect" disabled>
    <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;
}

JavaScript

$('#myselect').prop('disabled', 'disabled');