html5单选框选中样式

可以使用 CSS 来改变单选框的选中样式。以下是一个简单的示例：

<label for="option1">
  <input type="radio" id="option1" name="options">
  Option 1
</label>
<label for="option2">
  <input type="radio" id="option2" name="options">
  Option 2
</label>

/* 选中样式 */
input[type="radio"]:checked + label {
  /* 在选中的单选框后面的 label 元素上应用样式 */
  background-color: #ccc;
}

/* 未选中样式 */
label {
  background-color: #fff;
}

在这个示例中，当单选框被选中时，它后面的 label 元素将会有一个灰色的背景色。当未选中时，label 元素将会有一个白色的背景色。