JSFiddle - React, Tailwind, and code Playground

by Van Hai Le

HTML

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

CSS

select {
  height: 100px;
  width: 300px;
  text-align: center;
  border: none;
  border-bottom: 1px solid #b9a155;
  background: rgba(32,29,26,.7);
  color: #9e9b99;
  height: 40px;
  font-family: 'Times New Roman';
  font-size: 1rem;
}

select:focus {
  outline: none;
}
option {
  height: 100px;
}