:optional

版本：CSS3

CSS伪类:optional表示任意没有required属性的，或元素使用它。即非必填的元素。

语法:

• :optional选择器选择没有必需属性（required属性）的表单元素，在表单元素是可选项时设置指定样式。
• 表单元素中设置有required属性，是必填项。如果没有特别设置required属性即为optional属性。
• :optional选择器只适用于表单元素:，或元素。
• 浏览器：IE10以下、Opera10以下不支持。

/* selects any optional  */
input:optional {
  border: 1px dashed black;
}

它允许表单容易的展示可选字段并且渲染其外观。

注：为必填字段设置外观，请使用:required伪类。

浏览器支持

例子

//HTML


  


 
  
    option1
    option2
    option3
    option4
    option5
  
  

  
    option1
    option2
    option3
    option4
    option5
  
  


  


//CSS

input,select,textarea{
  margin-bottom: 30px;
}
input:optional,textarea:optional {
  border: 5px solid black;
}
input:required,textarea:required {
  border: 5px solid green;
}
select:optional {
  color:blue;
}
select:required {
  color:pink;
}