JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <form>
<select name="qa_contact">
    <option value="1" selected>option 1</option>
    <option value="2">option 2</option>
    <option value="3">option 3</option>
    <option value="4">option 4</option>
    <option value="5">option 5</option>
    <option value="6">option 6</option>
</select>
<select name="qa_contact">
    <option value="1" selected>option 1</option>
    <option value="2">option 2</option>
    <option value="3">option 3</option>
    <option value="4">option 4</option>
    <option value="5">option 5</option>
    <option value="6">option 6</option>
</select>
    </form>
</body>

CSS

select[name="qa_contact"]{
font-size: 12pt;
  -webkit-appearance: none;
}

select[name="qa_contact"] option:checked {
    background-color: orange;
}

select[name="qa_contact"]:focus{
    font-size: 12.1pt;
}

JavaScript

1