CSS 3 伪类选择器

发布时间:2019-07-05 10:30:37编辑:auto阅读(1747)

    =======================================================================================

    伪类选择器

    wKiom1c5s43CuN2iAAGhwxD1VwA756.png

    wKioL1c5tHuDCE_HAAQINpjXlKA069.png

    wKioL1c5tHyhPM-kAAF9RveVTjo593.png

    wKiom1c5s5biDhbwAAE8wCKD1i4703.png

    input[type="radio"]+label{
                border:1px solid #cdc3ae;
                padding:5px 20px;
            }
            input[type="radio"]{
                display: none;
            }
            input[type="radio"]:checked+label{
                border:2px solid #006f47;
                padding:4px 19px;
            }
    <div id="radio">
        <input type="radio" name="pay" id="pay_1" />
        <label for="pay_1">货到付款</label>
        <input type="radio" name="pay" id="pay_2"/>
        <label for="pay_2">网银支付</label>
    </div>


关键字