html5第八课时，状态伪类选择器

最新推荐文章于 2021-06-03 15:58:33 发布

甲戌天火

最新推荐文章于 2021-06-03 15:58:33 发布

阅读量513

点赞数

分类专栏： HTML5

本文链接：https://blog.csdn.net/qq_36872096/article/details/71775589

版权

HTML5 专栏收录该内容

78 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>状态伪类选择器</title>
    <style>
        input:checked{
            margin-left: 20px;
        }
        input:enabled{
            outline: red;
        }
        input[type="text"]:enabled{
            border: 5px solid red;
            background: black;
            color: red;
        }
    </style>
</head>
<body>
<form action="">
    <label for="a">
        <span>男</span>
        <input  id="a" type="radio" name="sex" value="1"/>
    </label>
    <!--加上label，可以点击文字选中按钮。-->
    <label for="b">
        <span>女</span>
        <input id="b" type="radio" name="sex" value="2"/>
    </label>
    <br/>
    <label for="c">
        <span>女</span>
        <input id="c" type="text" name="sex" value="2"/>
    </label>
</form>
</body>
</html>