CSS :optional选择器,获取可选表单元素
:optional选择器语法
E:optional{样式设置}
提示::optional,一般选择的是表单元素,而且一般用于input、select和textarea等元素。
提示:E:optional匹配获取的是可选的表单元素,而什么是可选的呢?通常认为,为设置required属性的表单元素为可选的。
:optional选择器实例代码,及在线编辑器
下方的选择器将匹配不设置required属性的表单元素:
<input type='text' class='e2'><br><br>
<input type='text' class='e2' required><br><br>
<select>
<option>1</option>
<option>2</option>
<option>3</option>
</select><br><br>
<textarea></textarea>
<style>
.e2:optional{background-color:skyblue;}
select:optional{background-color:yellow;}
textarea:optional{background-color:orange;}
</style>