Question

您好，我添加了一个模式表格来保留表格，但是我在按钮中看到了圆圈，从229到241的代码是模式表格，无法从表格中删除圆圈，即代码{{3 }}屏幕截图，显示错误https://github.com/ahmedabdo97/bootstrap4/blob/master/index.html

                     <div class="form-group row col-12">
                                                <div class="btn-group btn-group-toggle" data-toggle="buttons">
                                                        <label class="col-12 col-md-3 mr-auto col-form-label">Sections</label>
                                                        <div class=" col-12 ml-4">
                                                        <label class="btn btn-success active">
                                                          <input type="radio" name="non-smoking" id="non-smoking" autocomplete="off" checked> Non-Smoking
                                                         </label>
                                                        <label class="btn btn-danger">
                                                           <input type="radio" name="smoking" id="smoking" autocomplete="off"> Smoking
                                                         </label>
                                                        </div>
                                                      </div>
                                        </div>

Answer 1

删除我下面粘贴在您代码中的代码。

<label class="btn btn-success active">
<input type="radio" name="non-smoking" id="non-smoking" autocomplete="off" checked> Non-Smoking
</label>
<label class="btn btn-danger">
 <input type="radio" name="smoking" id="smoking" autocomplete="off"> Smoking
   </label>

Answer 2

这是因为您在按钮内放置了无线电输入，即

<input type="radio" name="smoking" id="smoking" autocomplete="off">

只需删除这些将处理圆圈（仅供参考这些用于单选按钮（单选项选择输入字段值）。

Bootstrap4单选按钮错误

2 个答案: