自定义复选框，不带指示符

Question

我试图获取一个没有指标的自定义复选框：

<label class="custom-control custom-checkbox">
  <input type="checkbox" class="custom-control-input">
  <span class="custom-control-indicator"></span>
  <span class="custom-control-description"></span>
</label>

https://plnkr.co/edit/9F1f9nQjl4W96POaF90K?p=preview

如您所见，复选框不起作用。但是如果你添加文字：

<label class="custom-control custom-checkbox">
  <input type="checkbox" class="custom-control-input">
  <span class="custom-control-indicator"></span>
  <span class="custom-control-description"> Checkbox</span>
</label>

https://plnkr.co/edit/1cGDXPCcWqOBQLWRwVdS?p=preview

有效。我该如何解决这个问题？

Answer 1

只需将复选框名称替换为某些html标记，例如：</p>。