如何在引导程序4中增加自定义复选框的目标大小？

Question

我在引导程序4的列表项中使用表单，并且一直在表单控件中使用<a href class="stretched-link">和一个小事件处理程序，以使整个<li>都可单击，而不仅仅是小标签和复选框。 stretched-link将目标增加到最近的相对定位的项目。

不幸的是，与标准控件相比，更好的custom-checkbox使用相对定位并中断stretched-link，以便单击目标仅是标签文本。

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

<ul class="list-group list-group-flush">
  <li class="list-group-item">
    <div class="custom-control custom-checkbox">
      <input type="checkbox" class="custom-control-input" id="customCheck1">
      <label class="custom-control-label" for="customCheck1">Check this custom checkbox</label>
    </div>
  </li>
</ul>

我可以在自定义控件上禁用相对定位，但是这样做是在格式化。我应该如何让整个<li>控制复选框？