自定义引导程序5的Form Switch问题

Question

我正在开发一个基于bootstrap 5构建的网站。不幸的是，我在使用Bootstrap 5.1.3 的自定义版本时遇到了表单开关问题

当我通过CDN包含Bootstrap 5.1.3时，表单开关会正确显示。

但是，当我包含我的自定义版本时，表单开关会恢复到Safari中的复选框，即使我导入了所有的引导组件，如下所示：

$primary: #00D9E0;
$secondary: #BFFDFF;
$light: #EEEEEE;
$dark: #333333;
$info: #4394B1;
$success: #91C7B1;
$danger: #B33951;
$warning: #E3D081;
@import "../../foundation/bootstrap-5.1.3/scss/bootstrap";

在Firefox中，它们仍然正确显示。

我是做错了什么，还是必须等待更新？

谢谢！

Answer 1

1. 打开文件/scs/forms/_form-check.scss

2. find.form-check输入｛

3. 转到第27行(外观：无；(

4. 加上这两行：

   -webkit外观：无；-moz外观：无

5. 重新编译你的sass，它在Safari中应该很好