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>

全栈前端 / CSS教程 :



























Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.