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

伪类选择器

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>