Html 需要将普通复选框勾选更改为引导复选框勾选

我有两个复选框，其中一个是使用引导创建的，另一个是正常的。我想显示正常复选框，就像引导勾选框一样

下面是我的代码：

。自定义复选框输入{
位置：相对位置；
z指数：1；
显示：块；
最小高度：1.5雷姆；
左侧填充：1.5雷姆；
}
.自定义复选框输入.表单检查输入{
宽度：20px；
高度：20px；
}
.自定义复选框输入.表单检查输入：：之后{
内容：''；
显示：内联块；
宽度：20px；
高度：20px；
边框：实心1px灰色；
边界半径：2px；
}
.自定义复选框输入.表单检查输入：选中：：之后{
宽度：20px；
高度：20px；
边框：实心1px红色；
内容:'✔';
背景色：红色；
颜色：白色；
文本对齐：居中；
}
.自定义复选框输入.表单检查输入.自定义颜色灰色：：后{
背景颜色：灰色；
}
.custom check input.form check input.custom color white:：after{
背景色：白色；
}

---

如果您希望两个复选框与勾号一致，我建议您使用字体图标

。自定义复选框输入{
位置：相对位置；
z指数：1；
显示：块；
最小高度：1.5雷姆；
左侧填充：1.5雷姆；
}
.自定义复选框输入.表单检查输入{
宽度：20px；
高度：20px；
}
.自定义复选框输入.表单检查输入：：之后{
内容：''；
显示：内联块；
宽度：20px；
高度：20px；
边框：实心1px灰色；
边界半径：2px；
}
.自定义复选框输入.表单检查输入：选中：：之后{
宽度：20px；
高度：20px；
边框：实心1px红色；
内容：'\f00c'；
字体系列：“字体真棒5免费”；
字号：900；
背景色：红色；
颜色：白色；
文本对齐：居中；
字体大小：13px；
位置：相对位置；
顶部：-2px；
}
.自定义复选框输入.表单检查输入.自定义颜色灰色：：后{
背景颜色：灰色；
}
.custom check input.form check input.custom color white:：after{
背景色：白色；
}