JSFiddle - React, Tailwind, and code Playground

HTML

<div class="select-input">
     <select>
          <option value="1">Option 1</option>
          <option value="2">Option 2</option>           
     </select>  
 </div>

CSS

select{
    width:210px;  
    height:30px;
    padding:5px;
    font-family: "Helvetica-Light";
    font-size: 9pt;
    color:#2a2a2a;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -o-appearance: none;
    border: 0;
    background:transparent;

}
 .select-input{
    width:180px;
    height: 30px;
    border:thin solid #ddd;
    background: url("http://54.227.255.162/public/images/select-arrow.png") no-repeat right #fff;
    margin-top:5px;
    overflow:hidden;
}