javascript - 增加 bootstrap 复选框的大小

我正在使用官方 bootstrap 文档中的代码创建一个简单的复选框:

<div class="custom-control custom-checkbox">
    <input type="checkbox" class="custom-control-input" id="customCheck" name="example1">
    <label class="custom-control-label" for="customCheck">Check this custom checkbox</label>
</div>

我想知道如何使该复选框大于当前的复选框吗？我尝试编辑customCheck的CSS并更改height和width属性，但这不会增加框的大小。

最佳答案

更改 bootstrap 组件的尺寸不是一个好主意，您应该更改 bootstrap 中的变量，但这意味着重新编译库。
无论如何，您可以通过这种方式完成:

.custom-control-label::before ,.custom-control-label::after{width:20px; height:20px}

关于javascript - 增加 bootstrap 复选框的大小，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/55593229/