删除 Bootstrap 4 是/否单选按钮上的两个星号，用于必填问题，并且标签后只有一个星号

Question

我有一个使用 Bootstrap 4 的表单，其中包含必需的"是/否"问题，但是当将"必需"添加到每个单选框时，这是确保选择其中一个所必需的，它们最终都带有星号，这可能会让访问者感到困惑。如何从与单选按钮关联的标签之前删除两个星号？"是"前面有一个星号，"否"前面有一个星号。这是我到目前为止的代码：

<div class="form-group">
<label class="labeltext required">Is this yes or no?</label><br>
<div class="form-check-inline">
<label class="question12"><span class="radioQ">Yes</span>
<input type="radio" name="Q12" value="Yes" id="Q1Yes" required>
<span class="checkmark"></span>
</label> &nbsp; &nbsp; &nbsp; &nbsp;
<label class="question12"><span class="radioQ">No</span>
<input type="radio" name="Q12" value="No" id="Q1No" required>
<span class="checkmark"></span>
</label>
</div>
</div>

Answer 1

我对此想得太深了。这是解决方案：

label.question12.required:before {
display:none;
}