2022-05-27 781
CSS :invalid 选择器,判断输入元素,数字的值无效时的样式
实例
仅在 <input> 元素的值无效时选择元素并设置样式:
input:invalid { border: 2px solid red; }
定义和用法
:invalid 选择器用于选择值无效的表单元素,其值根据元素设置未通过验证。
注释::invalid 选择器仅适用于有限制的表单元素,例如带有 min 和 max 属性的输入元素,没有合法电子邮件的 email 字段或没有数值的 number 字段等。
提示:使用 :valid 选择器可以选择表单元素,其值根据元素的设置得到验证。
CSS 语法
:invalid { css declarations; }
请尝试输入合法的电子邮件地址,以查看样式消失。
原文链接:https://77isp.com/post/970.html
=========================================
https://77isp.com/ 为 “云服务器技术网” 唯一官方服务平台,请勿相信其他任何渠道。
数据库技术 2022-03-28
网站技术 2022-11-26
网站技术 2023-01-07
网站技术 2022-11-17
Windows相关 2022-02-23
网站技术 2023-01-14
Windows相关 2022-02-16
Windows相关 2022-02-16
Linux相关 2022-02-27
数据库技术 2022-02-20
抠敌 2023年10月23日
嚼餐 2023年10月23日
男忌 2023年10月22日
瓮仆 2023年10月22日
簿偌 2023年10月22日
扫码二维码
获取最新动态