JSFiddle - React, Tailwind, and code Playground

HTML

<div class="paistofill">
  <select>
        <option value="PT">Portugal</option>
        <option value="AF">Afghanistan</option>
        <option value="AL">Albania</option>
        <option value="DZ">Algeria</option>
        <option value="AS">American Samoa</option>
        <option value="AD">Andorra</option>
        <option value="AO">Angola</option>
        <option value="AI">Anguilla</option>
        <option value="AQ">Antarctica</option>
    </select>
</div>

CSS

select {
  font-family: 'Hind Madurai', 'Segoe UI', 'Helvetica Neue', sans-serif;
  background: #F9F9F9;
  color: #111111;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  padding: 8px 15px;
  font-size: 15px;
  letter-spacing: 0.05em;
  width: 300px;
  margin: 0 0 20px 0;
  max-width: 100%;
  resize: none;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.paistofill select {
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  background: url(https://s31.postimg.org/9rchnwbwr/down_arrow.png) no-repeat #F9F9F9;
  background-position: 96% 12px;
  text-indent: 0.01px;
  text-overflow: "";
}

.paistofill select option {
  background: #FFFFFF;
  color: #111111;
}