CSS :checked选择器

  • 定义和用法

    :checked选择器每次检查<input>元素(仅适用于单选按钮和复选框)和<option>元素相匹配。
    特征 说明
    CSS版本 CSS3
  • 浏览器支持

    表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-, -webkit-,-moz-或-o-指定使用前缀的第一个版本。
    选择器 IE/Edge Chrome FireFox Safari Opera
    选择器名称
    [:checked]
    9.0
    4.0
    3.5
    3.2
    9.6
  • CSS语法

    :checked {
      css declarations;
    }
    
  • 实例

    设置所有选中<input>元素的高度和宽度:
    input:checked {
      height: 50px;
      width: 50px;
    }
    
    尝试一下
  • 相关页面

    CSS教程:CSS伪类