JSFiddle - React, Tailwind, and code Playground

HTML

<h3>A demonstration of the :invalid selector.</h3>

<input value="" pattern="(^[1-9][0-9]*)?$">

CSS

input[pattern]:invalid {
    border: 2px solid red;
}