JSFiddle - React, Tailwind, and code Playground

HTML

<input required>

<input required type="number">

<input required type="number" min="10" max="20">

CSS

input:valid {
    color:green;
}
input:invalid {
    color:red;
}