:default伪类与自动添加推荐实例页面

展示

代码

• 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>

• CSS：

  input:default + label::after {
      content: "（推荐）";
  }