CSS :default伪类选择器标记默认选项实例页面

回到相关文章 »

效果:

请选择支付方式:

代码:

CSS代码:
input:default + label::after {
    content: '(推荐)';
}
                
HTML代码:
请选择支付方式:
<p>
    <input type="radio" name="pay" id="pay0" value="0"> <label for="pay0">支付宝</label>
</p>
<p>
    <input type="radio" name="pay" id="pay1" value="1" checked> <label for="pay1">微信</label>
</p>
<p>
    <input type="radio" name="pay" id="pay2" value="2"> <label for="pay2">银行卡</label>
</p>