<!DOCTYPE html> <html> <!-- Test: if input isn't valid nor barred from constraint validation, it should be affected by :invalid pseudo-class. --> <link rel='stylesheet' type='text/css' href='style.css'> <body> <input class='invalid' pattern='bar' value='foo'> </body> </html>