JSFiddle - React, Tailwind, and code Playground

by Julien Roche

HTML

<select>
  <div role="button">
    <input type="text" value="some value" />
  </div>
  <option value="value1">Value 1</option>
  <option value="value2">Value 2</option>
  <option value="value3">Value 3</option>
  <option value="value4">Value 4</option>
  <option value="value5">Value 5</option>
</select>

CSS

select {
  &,
  &::picker(select) { appearance: base-select; }
}