没有指示符的自定义复选框（文本）

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

没有指示符的自定义复选框（文本）

Custom checkbox without indicator (text)

twitter-bootstrap

bootstrap-4

twitter-bootstrap-4