JSFiddle - React, Tailwind, and code Playground

by Rijo R

HTML

<select class="aa">
<option>a</option> <option>b</option>
</select>

CSS

.aa {
  object-fit: contain;
    font-family: BlueSkyStandard;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.69;
    letter-spacing: normal;
    background-color: #e5e5e5;
    color: #cccccc;
    height: 38px;
    border-radius: 0%;
    -webkit-appearance: none;
    width: 260px;
    border-radius: 2px;
    border: solid 1px #666666;
    background-image: url(http://localhost:8081/images/dropdown-arrow.png);
    background-repeat: no-repeat;
    -webkit-background-size: 11px 11px;
    background-size: 11px;
    background-position: 97% 54%;
}
select > option {
  height:40px;
  background:red;
}