``` <label class="choice-item" for="agreement"> <input id="agreement" name="agreement" type="radio" value="0"/><span>男</span> </label> ``` ``` input[id="agreement"]{ display: inline-block; vertical-align: -3px; } input[id="agreement"]:checked{ display: inline-block; vertical-align: -3px; } input[type="radio"]::before { content: " "; display: inline-block; vertical-align: middle; width: 13px; height: 13px; border-radius: 4px; border: 1px solid #1A9BFF; background: #FFF;/*这个和容器背景保持一致覆盖默认的radio*/ box-sizing: border-box; position: relative; top: -2.5px; } input[type="radio"]:checked::before { content: "✔"; font-size: 12px; background: #1A9BFF; color: #fff; box-sizing: border-box; position: relative; top: -2.5px; line-height: 13px; text-align: center; } ```