<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.