JSFiddle - React, Tailwind, and code Playground

HTML

<input name="foo" required />

CSS

input:focus:required:invalid { background-color: pink; color: white; }
input:required:valid { background-color: white; color: black; }