CSS中的:invalid 选择器重要用于在表单元素中的值是不法时设置指定款式。
【引荐课程:CSS教程】
例:当用户输入的不是正当值时,款式会变成赤色的边框
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> input:invalid { border:2px solid red; } </style> </head> <body> <input type="email" value="" /> <p>请输入正当 e-mail 地点,检察款式变化。</p> </body> </html>
效果图:
注重: :invalid 选择器只作用于能指定区间值的元素,比方 input 元素中的 min 和 max 属性,及准确的 email 字段, 正当的数字字段等。
以上就是invalid选择器有什么用的细致内容,更多请关注ki4网别的相干文章!