元素状态伪类 

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
      input:enabled{
          color: green;
      }
        input:disabled{
            color:red;
        }
        input:checked{
            background-color:red;
        }
    </style>
</head>
<body>
     <p>
         用户名称：<input value="请输入用户名称" disabled>
     </p>
    <p>
        用户密码：<input type="password" value="">
    </p>
    <p>
        用户性别：
        <input type="radio" name="rdo" value="0">男
        <input type="radio" name="rdo" value="1">女
    </p>
</body>
</html>

posted on 2017-03-30 23:25  zhangailing  阅读(125)  评论(0)  编辑  收藏  举报

导航