# 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; }