JSFiddle - React, Tailwind, and code Playground

by Gabriele Petrioli

HTML

<div class="select-container">
    <select>
        <option>This is some option</option>
        <option>This is some option</option>
        <option>This is some option</option>
        <option>This is some option</option>
        <option>This is some option</option>
        <option>This is some option</option>
    </select>
</div>

CSS

select {
    background: white;
    border: none;
    margin-left: 8px;
    position: relative;
    cursor: pointer;
    margin-top: -10px;
}
.select-container {
    display:inline-block;
    position:relative
}
.select-container:after {
    content:'';
    position:absolute;
    right:0;
    top:0;
    width:17px;
    height:100%;
    z-index:10;
    background-color:white;
}