JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

.styled-select select {
   background: transparent;
   width:150px;
   padding-left:8px;
    padding-right:30px;
   font-size:12px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height:25px;
   -webkit-appearance: none;
    width:150px;
    color:#fff;
    background: url(http://www.upload.graphicsite.cz/files/arrow.png) no-repeat #0041cc;
    background-position:130px;
   }
.styled-select {
   width:150px;
   height: 25px;
   overflow: hidden;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
    color:#fff;
   }
.styled-select select.form-field {
border:none; 
color:#666; 
padding:7px; 
width:300px; 
float:left; 
}