Только в iOS Safari - когда вы нажимаете один из моих флажков, он переходит в это состояние фокусировки / наведения , а затем, если вы нажимаете снова, он выбирает.Таким образом, в результате для выбора необходимо дважды щелкнуть флажок.Мои флажки установлены с label
, обернутым вокруг input
и флажком label text
.Есть идеи, как предотвратить появление этого состояния фокуса?
Вот моя разметка:
<fieldset class="spirit-form__checkbox-group" role="group">
<legend class="form__checkbox-group-label">
...
</legend>
<label class="form__checkbox" for="box1">
<input name="interests_1" id="box1" type="checkbox" class="checkbox-input" value="1">
<span class="form__checkbox-inner">
<span class="form__checkbox-visual">
<svg...></svg>
</span>
<span class="form__checkbox-label">
...
</span>
</span>
</label>
...
</fieldset>