JSFiddle - React, Tailwind, and code Playground

by Elvin Asadov

HTML

<div class="styled-select">
    <select>
        <option></option>
        <option>Here is the first option</option>
        <option>The second option</option>
    </select>
</div>

CSS

.styled-select {
    width: 240px;
    height: 25px;
    overflow: hidden;
    background: url(http://cdn.bavotasan.com/wp-content/uploads/2011/05/down_arrow_select.jpg) no-repeat right white;
    border: 1px solid #ccc;
}
.styled-select select {
    background: transparent;
    width: 242px;
    padding: 5px;
    font-size: 16px;
    line-height: 1;
    border: 0;
    border-radius: 0;
    height: 25px;
    -webkit-appearance: none;
}