/表单相关伪类/
:enabled 匹配可编辑的表单
:disable 匹配被禁用的表单
:checked 匹配被选中的表单
:focus 匹配获焦的表单
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
input:enabled{
background: deeppink;
}
/* 有效的控件 */
input:disabled{
background: blue;
}
/* 受限的控件 */
input:focus{
background: yellow;
}
/* 获得焦点的控件 */
input:checked{
height: 50px;
width: 50px;
}
/* 被选中的控件 */
</style>
</head>
<body>
<input type="text"/>
<input type="text" disabled="disabled"/>
<input type="checkbox"/>
</body>
</html>
实际效果: