这里我有 boostrap4 单选按钮，单击时为蓝色背景。
现在，我想要做的是将单选按钮的背景颜色更改为绿色，即单击单选按钮时应将其颜色更改为绿色。
下面是我的单选按钮
<div class="form-check">
<label class="form-check-label">
<input type="radio" class="form-check-input" name="optradio">A. Option1
</label>
</div>
.form-check .form-check-input:checked {
background-color:green !important;
}
您可以使用以下 CSS 分配自定义类：
示例代码：
.custom-control-input:checked~.custom-control-label::before {
color: #fff;
border-color: #7B1FA2;
}
.custom-control-input:checked~.custom-control-label.red::before {
background-color: red;
}<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" />
<div class="form-check">
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="opt1" name="optradio" class="custom-control-input" value="A. Option1">
<label class="custom-control-label red" for="opt1">A. Option1</label>
</div>
</div>