我有一个使用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>
<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>
我对此思考得太深了。解决方法如下:
label.question12.required:before {
display:none;
}