JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
<label>
  <select>
    <option selected>jkjhhkl</option>
    <option>asdfasd</option>
    <option>dfgdfgfd</option>
  </select>
</label>

CSS

select {
    color: #f6f6f6;
    font: 400 13px "Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;

    overflow: hidden;
    border: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    
    padding: 6px 20px;
    padding-right: 50px;
    background-color: transparent;
    height: 40px;
    position: relative;
}
label {
    position: relative;
    display: inline-block;
    background-color: #666;
}
label:before {
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    content: '\f107';
    font: 22px "FontAwesome";
    color: #f6f6f6;
    background-color: #333;
    padding: 0 10px;
    line-height: 40px;
}