JSFiddle - React, Tailwind, and code Playground

by Luuk

HTML

<div class="selectContainer selectTest" style="width: 305px;">
    <select id="selectTest">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
    </select>
    <span class="dropArrow">^</span>
</div>

CSS

#selectTest {
    padding-right: 22px;
    margin-right: -20px;
    border: 0;
    outline: 0;
}

.dropArrow {
    pointer-events: none;
}