CSS：好玩的‘伪类’系列之——(:valid和:invalid)

:valid 定义：针对任意内容通过验证的 <input> 或其他 <form> 元素，修改样式 触发条件：当用户输入的值通过验证（有效）时，修改其样式 兼容：IE11以下不支持 Edge12以下不支持 :invalid 定义：针对任意内容未通过验证的 <input> 或其他 <form> 元素，修改样式 触发条件：当用户输入的值未通过验证（无效）时，修改其样式 兼容：IE11以下不支持 Edge

>>阅读原文<<