xxxxxxxxxx
/* Show red borders when filled, but invalid */
input:not(:placeholder-shown) {
border-color: hsl(0, 76%, 50%);
}
xxxxxxxxxx
input:invalid:not(:focus):not(:placeholder-shown){
background:red
}
xxxxxxxxxx
/* in html, add required | <input required/> */
input:invalid{ /* ... */ }