html - 当我在 Bootstrap 4.5 中加载页面时，单选按钮立即全部激活

Question

<div class="form-row">
                            <div class="column">
                                <div class="btn-group btn-group-toggle" data-toggle="buttons">
                                    <label class="btn btn-primary active" for="visualContagi">
                                        <input type="radio" name="options" id="visualContagi" checked> Contagi
                                    </label>
                                    <label class="btn btn-primary" for="visualGuariti">
                                        <input type="radio" name="options" id="visualGuariti" checked> Guariti
                                    </label>
                                    <label class="btn btn-primary" for="visualDecessi">
                                        <input type="radio" name="options" id="visualDecessi" checked> Decessi
                                    </label>
                                    <label class="btn btn-primary" for="visualRicoveri">
                                        <input type="radio" name="options" id="visualRicoveri" checked> Ricoveri
                                    </label>
                                    <label class="btn btn-primary" for="visualTotPos">
                                        <input type="radio" name="options" id="visualTotPos" checked> Totale Positivi
                                    </label>
                                </div>
                            </div>
                        </div>

嗨，我有这个单选按钮组作为表单的一部分。问题是，当我加载网页时，按钮都获得了应用到它们的“活动”类。我没有写任何javascript，它只是引导程序，当我点击按钮时，这个CSS应用于删除轮廓：

.btn-primary.focus, .btn-primary:focus {
    box-shadow: none;
}

我在 macOS 上使用最新版本的 Firefox。

标签： htmlcssbootstrap-4

Answer 1

我注意到的是，您的每个<input type="radio"元素都具有checked附加到它们的属性。如果你删除它，那么它应该被修复。我希望这有帮助！