验证单选按钮组按钮显示为$单选符号圆圈

<input type="radio" id="option1" name="options">
<label for="option1">选项1</label>

<input type="radio" id="option2" name="options">
<label for="option2">选项2</label>

<input type="radio" id="option3" name="options">
<label for="option3">选项3</label>

input[type="radio"] {
  display: none; /* 隐藏原始的单选按钮 */
}

input[type="radio"] + label::before {
  content: "$"; /* 设置圆圈符号为$ */
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #000;
  border-radius: 50%;
  text-align: center;
  line-height: 20px;
  margin-right: 5px;
}

input[type="radio"]:checked + label::before {
  background-color: #000; /* 设置选中时的背景颜色 */
  color: #fff; /* 设置选中时的文本颜色 */
}