JSFiddle - React, Tailwind, and code Playground

HTML

<input placeholder="texto" type="text" required/>

CSS

input:required:invalid, input:focus:invalid {
    border:1px red solid;
}
input:required:valid {
    border:1px green solid;
}