# UI元素状态伪类选择器

选择器 类型 功能描述
E:checked 选中状态伪类选择器 按钮表单元素
E:enabled 启用状态伪类选择器 启用表单元素
E:disabled 不可用状态伪类选择器 禁用表单元素
  • 简介

    UI元素状态伪类选择器针对表单元素。

  • 例子

    • index.html

      <form action="">
      <input>
      <input disabled>
      <input type="radio" name="sex" value="man">
      <input type="radio" name="sex" value="female">
      </form>
      
    • index.css

      input:enabled{
        background:#ffff00;
      }
      
      input:disabled{
        background:#0000ff;
      }
      
      input:checked{
        color:#ff0000;
      }
      
更新时间: 2021年8月30日星期一晚上10点56分