JSFiddle - React, Tailwind, and code Playground

HTML

<select class="select" title="Select one">
                <option selected>Select</option>
                <option>Blue</option>
                <option >Red</option>
                <option>Green</option>
                <option>Yellow</option>
                <option>Brown</option>
            </select>

CSS

select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}
body {padding:100px}

select {font-size:2em}

option {color:#6666;font-weight:bold; padding:5px}

option:hover {color:red}

option {border:1px solid green}