删除Bootstrap 4上的两个星号,是/否单选按钮,用于一个必填问题,标签后仅包含一个星号

问题描述 投票:0回答:1

我有一个使用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>
validation bootstrap-4 radio-button radio-group required
1个回答
0
投票

我对此思考得太深了。解决方法如下:

    label.question12.required:before {
        display:none;
    }
© www.soinside.com 2019 - 2024. All rights reserved.