bootstrap4 单选框样式更改

可以使用 Bootstrap 4 中的 `custom-control` 和 `custom-radio` 类来更改单选框的样式。

以下是一个示例代码，演示如何更改单选框的样式：

<div class="custom-control custom-radio">
  <input type="radio" id="customRadio1" name="customRadio" class="custom-control-input">
  <label class="custom-control-label" for="customRadio1">选项1</label>
</div>
<div class="custom-control custom-radio">
  <input type="radio" id="customRadio2" name="customRadio" class="custom-control-input">
  <label class="custom-control-label" for="customRadio2">选项2</label>
</div>

你可以使用自定义样式来更改单选框的外观，例如更改颜色、大小和形状等。例如，你可以添加以下 CSS 样式来更改单选框的颜色：

.custom-control-input:checked~.custom-control-label::before {
  background-color: #007bff;
  border-color: #007bff;
}

这将更改选中单选框的颜色为 Bootstrap 4 默认的主题颜色。