cssrequired,focus,valid和invalid介绍
来源：懂视网
责编：小采
时间：2020-11-27 18:54:04
cssrequired,focus,valid和invalid介绍
cssrequired,focus,valid和invalid介绍:本文章来给大家介绍在css3定义required,focus,valid和invalid样式的方法，此方法目前只支持ie9+及ff,gg浏览器哦。css3 提示只适用于高级浏览器：ChromeFirefoxSafariIE9+valid、invalid、required的定义input:required, inp
导读cssrequired,focus,valid和invalid介绍:本文章来给大家介绍在css3定义required,focus,valid和invalid样式的方法，此方法目前只支持ie9+及ff,gg浏览器哦。css3 提示只适用于高级浏览器：ChromeFirefoxSafariIE9+valid、invalid、required的定义input:required, inp
本文章来给大家介绍在css3定义required,focus,valid和invalid样式的方法，此方法目前只支持ie9+及ff,gg浏览器哦。
css3 提示只适用于高级浏览器：
Chrome
Firefox
Safari
IE9+
valid、invalid、required的定义
input:required, input:valid , input:invalid{
border:0 none;
outline: 0 none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
-ms-box-shadow:none;
-o-box-shadow:none;
box-shadow: none;
}
/* by http://www.manongjc.com/article/1327.html */过去验证表单会通过js和正则去判断填写的内容是否正确，如email的验证。
HTML5的出现为我们提供一些属性，不用编写js和正则即可解决这个检验表单内容。
:required
必须，那input不能为空的意思。
:valid
有效，即当填写的内容符合要求的时候触发。
:invalid
无效，即当填写的内容不符合要求的时候触发。
cssrequired,focus,valid和invalid介绍
cssrequired,focus,valid和invalid介绍:本文章来给大家介绍在css3定义required,focus,valid和invalid样式的方法，此方法目前只支持ie9+及ff,gg浏览器哦。css3 提示只适用于高级浏览器：ChromeFirefoxSafariIE9+valid、invalid、required的定义input:required, inp
