JSFiddle - React, Tailwind, and code Playground

HTML

<select id="select1">
    <option>OPTION 1</option>
    <option>OPTION 2</option>
    <option>OPTION 3</option>
</select>

<select id="select2">
    <option>OPTION 1</option><br/>
    <option>OPTION 2</option><br/>
    <option>OPTION 3</option>
</select>

<select id="select3">
    <option>OPTION 1</option>
    <option>OPTION 2</option>
    <option>OPTION 3</option>
</select>

CSS

#select1{
    font-family:'sans-serif';
}

#select2{
    font-family:'tahoma';
}

#select4{
    font-family:'cursive';
}