Run ❯
<!DOCTYPE html> <html> <head> <style> input:valid { background-color: yellow; } </style> </head> <body> <h1>Demo of the :valid selector</h1> <input type="email" value="support@example.com"> <p>Try typing an illegal e-mail address, to see the styling disappear.</p> </body> </html>