详解：:enable（启用） 13

核心：启用的

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
        .test1:enabled/*启用的类型加上红色的边框*/
        {
            border: 1px solid red;
        }
        .test1:enabled
        {
            border: 1px solid yellow;/*覆盖*/
        }
    </style>
</head>
<body>
    <form>
        启用:<input type="text" name="username" id="" class="test1">
        禁用:<input type="text" name="username" id="" disabled="disabled"  class="test1">
        <br>
        启用:<textarea class="test1"></textarea>
        禁用:<textarea class="test1" disabled="false"></textarea>
        <br>
        启用按钮:<input type="button" name="" value="btn1" class="test1">
        启用按钮:<input type="submit" name="" value="btn2" class="test1">
        启用按钮:<input type="reset" name="" value="btn3" class="test1">
        禁用按钮:<input type="button" name="" value="btn1" class="test1" disabled="disabled">
        禁用按钮:<input type="submit" name="" value="btn2" class="test1" disabled="disabled">
        禁用按钮:<input type="reset" name="" value="btn3" class="test1" disabled="disabled">
    </form>
   
</body>
</html>
posted @ 2020-04-25 23:06  贵哥的编程之路  阅读(8)  评论(0)    收藏  举报