JSFiddle - React, Tailwind, and code Playground

HTML

<select size="8">
  <option></option>
  <option></option>
  <option></option>
  <option></option>
  <option class="flip"></option>
  <option class="flip"></option>
  <option class="flip"></option>
  <option class="flip"></option>
</select>

CSS

select{
  width: 420px;
  height: 200px;
  overflow: hidden;
}

option{
  width: 100px;
  height: 100px;
  float: left;
}

select option:nth-child(odd){
  background: #aaa;
}
select .flip:nth-child(odd){
  background: #fff;
}
select .flip:nth-child(even){
  background: #aaa;
}