Bootstrap 4 更改引导4复选框大小

有没有办法将引导4个测试复选框的大小更改为更大的大小

我几乎试着改变风格，但这不起作用

---

谢谢

当前存在此问题，我向Bootstrap报告了此问题。在修复之前，请执行以下操作：

首先，使用

表单控件lg

类。一旦问题得到解决，使用该类将是您所需要的一切

在问题解决之前，请添加以下css：

.custom-control-label::before, 
.custom-control-label::after {
    top: .8rem;
    width: 1.25rem;
    height: 1.25rem;
}

下面是一个完整的工作代码示例：

.自定义控件标签：：之前，
.自定义控件标签：：之后{
顶部：.8rem；
宽度：1.25雷姆；
高度：1.25雷姆；
}
选中此自定义复选框

我的做法有点不同。将以下内容添加到自定义CSS中

.checkbox-1x {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
}
.checkbox-2x {
    transform: scale(2);
    -webkit-transform: scale(2);
}

---

然后像这样编写输入：input type=“checkbox”class=“checkbox-1x”

对于Bootstrap 4.2.1用户，我就是这样让它工作的

我引入了一个新类

自定义控件lg

来处理它

.custom control lg.custom control label:：before，
.custom control lg.custom control label:：after{
顶部：0.1rem！重要；
左：-2rem！重要；
宽度：1.25rem！重要；
高度：1.25rem！重要；
}
.自定义控件lg.自定义控件标签{
左边距：0.5雷姆！重要；
字体大小：1rem！重要；
}

大输入的复选框标签！
小输入的复选框标签！

如果从引导导入de SCS，则可以覆盖变量

$custom control indicator size

$custom-control-indicator-size: 1.75rem;

---

是的。工作完美。干得好。谢谢对不起，伙计。如果我几天前就知道我会这么做，我不知道这对你很重要！问题。为什么这个复选框的背景是灰色的？这是引导的默认样式。默认复选框的背景是白色的。知道如何将“大复选框”bg更改为白色吗？如何在没有标签文本的情况下使用它吗？@LuisRock删除框中的文本删除此操作会弄乱复选框的位置（至少在我的情况下…）。如果希望在没有标签文本的情况下使用此操作，只需放置一个

（不间断空格HTML字符）我知道现在Bootstrap4已经很久没有测试版了，这可能有点毫无意义，但是为什么这里的大多数答案都与定制控件有关，而OP询问的是标准复选框？