JSFiddle - React, Tailwind, and code Playground

by John Doe

HTML

<select min="1" max="5" required>
  <option value="0" selected>0</option>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
  <option value="6">6</option>
  <option value="7">7</option>
  <option value="8">8</option>
  <option value="9">9</option>
  <option value="10">10</option>
</select>

CSS

select::out-of-range{
  border: 1px solid red;
}