input radio 改变选中的颜色

当在HTML中使用input type="radio"创建单选按钮时，它们默认是没有颜色显示的，只有被选中时才会通过CSS关联的样式改变外观。如果你想改变选中状态的颜色，你可以这样做：

1. 首先，给你的radio元素添加一个共同的父容器，并为其设置一个class或id以便于选择样式的统一管理。

<div class="radio-group">
  <input type="radio" name="my-radio" id="option1" value="1">
  <label for="option1">选项1</label>
  
  <!-- 添加更多radio和对应的label... -->
</div>

2. 然后，在CSS文件中编写规则，为:checked的状态设置背景色或者其他你需要改变的颜色。例如：

.radio-group input[type="radio"]:checked + label {
  background-color: #007bff; /* 这里可以替换为你想要的颜色 */
  color: white;
}

这里的`:checked`伪类会匹配所有选中的radio，`+ label`选择器则表示紧跟着输入框的标签。