iOS Checkbox焦点然后选择

Question

仅在iOS苹果浏览器中-当您单击我的复选框时，它将进入此焦点/悬停状态，然后再次单击将其选中。因此，要进行选择，您必须双击该复选框。我的复选框是用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>