重写 HTML 单选按钮 Radio CSS 样式

<style>
.radio{
  display:none
}
.radioInput{
  background-color:#fff;
  border:1px solid rgba(0,0,0,0.15);
  border-radius:100%;
  display:inline-block;
  height:16px;
  margin-right:10px;
  margin-top:-1px;
  vertical-align:middle;
  width:16px;
  line-height:1
}
.radio:checked + .radioInput:after{
  background-color:#FFFFFF;
  border-radius:100%;
  content:"";
  display:inline-block;
  height:6px;
  margin-left:5px;
  margin-top:5px;
  width:6px
}
.checkbox.radioInput,.radio:checked + .checkbox.radioInput:after{
  border-radius:0
}
.radio:checked + .radioInput{
  border:1px solid #00A1E9;
  background-color: #00A1E9;
}
</style>
<label class="label">
    <input class="radio" type="radio" name="demo-radio">
    <span class="radioInput"></span>你好
</label>
<label class="label">
    <input class="radio" type="radio" name="demo-radio">
    <span class="radioInput"></span>再见
</label>