默认radio的样式调整

 

<input type="radio">

/* 修改radio的默认样式 */
input[type='radio'] {
  /* 除该标签的默认样式，保留其原有功能 */
  appearance: none;
  border-radius: 50%;
  position: relative;
  border: 1px solid rgba(223, 224, 223, 1);
}

input[type='radio']:checked {
  border: 1px solid #ea7c18;
}

/* 设置 单选框 被选中后的样式 */
input[type='radio']:checked:before {
  content: '';
  width: 8px;
  height: 8px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(234, 124, 24, 1);
  background-color: #ea7c18; /* 修改为你的主题色 */
  border-radius: 50%;
}