JSFiddle - React, Tailwind, and code Playground

HTML

<div class="select-box">
<select>
<option>Tokyo</option>
<option>Hiroshima</option>
<option>Fukui</option>
<option>Nagasaki</option>
<option>Kagawa</option>
<option>Kyoto</option>
<option>Nagano</option>
<option>Shiga</option>
<option>Wasada</option>
</select>
</div>

CSS

* {
outline: none;
}
.select-box select {
background: transparent;
width: 200px;
height: 35px;
padding: 5px;
font-size: 16px;
line-height: 1;
border: 0;
border-radius: 0;
-webkit-appearance: none;
}
 
.select-box {
width: 180px;
height: 35px;
overflow: hidden;
background: url(http://i.imgur.com/6s7qnVr.png) no-repeat right #fff;
border: 1px solid #ddd;
border-radius: 3px 5px 5px 3px;
}
 
.select-box select {
padding-right: 0;
vertical-align: top!important;
text-align: right;
height: auto;
line-height: 1em;
}