定义和使用

:required 选择器在表单元素是必填项时设置指定样式。

表单元素可以使用 required 属性来设置必填项。

注意: :required 选择器只适用于表单元素: input, select 和 textarea。

CSS 语法

:required {
    css 声明;
}

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

选择器 谷歌浏览器 IE浏览器 火狐浏览器 Safari浏览器 Opera浏览器
:required 10.0 10.0 4.0 5.0 10.0

实例

如果 input 元素设置了 “required” 属性,设置其为黄色:

<style>
input:required {
  background-color: yellow;
}
</style>

<body>

<h1>演示 :required 选择器</h1>
<p>可选的 input 元素:<br><input></p>
<p>必填的 input 元素:<br><input required></p>
<p>:required 选择器选取带有 “required” 属性的表单元素。</p>
<p>Internet Explorer 9 以及更早的版本不支持 :required 选择器。</p>

</body>

相关页面

CSS 选择器 :optional

「点点赞赏,手留余香」

0

给作者打赏,鼓励TA抓紧创作!

微信微信 支付宝支付宝

还没有人赞赏,快来当第一个赞赏的人吧!

声明:本站所有资源及文章均来源于网络及用户分享或为本站原创,仅限用于学习和研究,任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
码云笔记 » CSS :required 选择器

发表评论

IT互联网行业相关广告投放 更专业 更精准

立即查看 联系我们