CSS中的required选择器有什么作用?

2 min read

:required选择器是CSS3中新增的一种伪类选择器,它的作用是匹配必填表单元素。如果一个表单元素使用了required属性,那么当用户提交表单时,该表单元素如果没有填写任何内容,就会被浏览器标记为无效,并显示提示信息,以便提醒用户必须填写该表单元素。使用:required选择器,我们可以对必填表单元素添加样式,以便更好地提示用户其必填性质。例如:

input:required {
border-color: red;
}
这样就可以在必填的input元素周围添加红色的边框,以引起用户的注意。