Все радиокнопки активны сразу, когда я загружаю страницу в Bootstrap 4.5 - PullRequest
0 голосов
/ 18 июня 2020
<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, это просто bootstrap, и этот CSS применяется для удаления контура при нажатии кнопок:

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

Я использую последнюю версию Firefox в macOS.

1 Ответ

1 голос
/ 18 июня 2020

Я заметил, что к каждому из ваших элементов <input type="radio" прикреплен атрибут checked. Если вы удалите это, то это нужно исправить. Надеюсь, это поможет!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...