CSS :default 选择器


实例

为默认的 input 元素添加红色阴影色:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <style>
  5. input:default {
  6. box-shadow: 0 0 1px 1px red;
  7. }
  8. </style>
  9. </head>
  10. <body>
  11. <h2>default 选择器</h2>
  12. <p>:default 选择器在一组相关元素中选择默认表单元素。</p>
  13. <p>默认情况下,“男性”单选按钮处于选中状态:</p>
  14. <form action="">
  15. <input type="radio" name="gender" value="male" checked=""> 男性<br>
  16. <input type="radio" name="gender" value="female"> 女性<br>
  17. <input type="radio" name="gender" value="other"> 其他
  18. </form>
  19. <p>Internet Explorer 11 以及更早的版本不支持 :default 选择器。</p>
  20. </body>
  21. </html>

定义和用法

:default 选择器用于在一组相关元素中选取默认表单元素。

:default 选择可用于以下元素:

  • <button>
  • <input type="checkbox">
  • <input type="radio">
  • <option>
版本:CSS3

浏览器支持

表格中的数字注明了完全支持该选择器的首个浏览器版本。

选择器
:default10.012.04.05.010.0

注释:Internet Explorer 11 以及更早的版本不支持 :default 选择器。


CSS 语法

  1. :default {
  2. css declarations;
  3. }

分类导航