代码实例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> input:optional { background-color: yellow; } </style> </head> <body> <h3>:optional 选择器演示实例。</h3> <p>可选的 input 元素:<br><input></p> <p>必填的 input 元素:<br><input required></p> <p> :optional 选择器用于表单中未设置"required" 属性的元素。</p> </body> </html>
尝试一下 »
点击“尝试一下”按钮查看在线实例
定义和用法
:optional 选择器选择没有必需属性的表单元素,在表单元素是可选项时设置指定样式。
表单元素中如果没有特别设置 required 属性即为 optional 属性。
注意: :optional 选择器只适用于表单元素: input, select 和 textarea。