Bootstrap 4.3.1 - 无法禁用验证图标答案

【问题标题】：Bootstrap 4.3.1 - cannot disable validation iconsBootstrap 4.3.1 - 无法禁用验证图标
【发布时间】：2020-05-30 14:37:09
【问题描述】：

我在 S.O. 上看到了答案。关于关闭引导验证图标。有两个答案：

$启用验证图标：假；（这也被推荐在
bootstrap 的主题文档）
使用 SCSS/CSS 删除背景图像。

我喜欢简单地设置一个变量的想法。这适用于改变颜色。但我无法让它为验证图标工作。

以下是我如何设置变量并从 node_modules 导入引导程序。

$enable-validation-icons: false;  // <-- has no effect
$blue: #0F4F8C;  // <-- works as expected

@import "~bootstrap/scss/bootstrap.scss";

我是否需要在我的 scss 文件中为验证图标做一些额外的事情？

【问题讨论】：

您找到解决方案了吗？
不。我只需要使用 CSS 隐藏它们。我在这里（显然）和 gitter 都没有得到回应。请参阅下面的“决议”。

标签： angular sass bootstrap-4

【解决方案1】：

我不得不做一个 CSS hack 来摆脱图标。所以我会把它贴在这里以防万一有人想要它。我把它放在我的主 .scss 文件中：

// ******************************************
// *** handle bootstraps validation icons ***
// *** your's supposed to be able to set
// *** $enable-validation-icons: false; but
// *** that doesn't work for some reason ***
.form-control.is-valid {
    background-image: none;
}

.form-control.is-invalid {
    background-image: none;
    padding: $input-padding-y $input-padding-x;
}

.form-control-sm.is-valid {
    background-image: none;
}

.form-control-sm.is-invalid {
    background-image: none;
    padding: $input-padding-y-sm $input-padding-x-sm;
}

.form-control-lg.is-valid {
    background-image: none;
}

.form-control-lg.is-invalid {
    background-image: none;
    padding: $input-padding-y-lg $input-padding-x-lg;
}
// ******************************************

【讨论】：