JSFiddle - React, Tailwind, and code Playground

by rgthree

HTML

1.<input type="text"></input><br />
2.<input type="password"></input><br />
3.<input type="search"></input><br />
4.<input type="text" readonly></input><br />
5.<input type="password" disabled></input><br />

CSS

input[type="text"]:not([readonly]):not([disabled]):focus,
    input[type="password"]:not([readonly]):not([disabled]):focus,
    input[type="search"]:not([readonly]):not([disabled]):focus,
    input[type="tel"]:not([readonly]):not([disabled]):focus { background:red; }