JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" class='test' required="true" placeholder="EMPTY">

CSS

input{
  border:1px solid #ccc;
  padding: 10px;
}

input:valid{
  background:green;
}