无法更改引导程序 4 按钮中的链接颜色

Question

我无法覆盖 bootstrap 4 和 sass 中的默认链接颜色。这是我用来覆盖 _variables.scss 默认值的代码：

$body-bg: #f4f4f4;
$body-color: #c0b283;
$link-color: #c0b283;
$link-hover-decoration: none;
$navbar-dark-color: #c0b283;
$navbar-dark-hover-color: #9c906a;
$navbar-padding-y: 0px;
$list-group-bg: black;
$list-group-color: #c0b283;
$theme-colors: (
        "dark": #000,
        "danger": #ff4136
);

这是我要定位的按钮：

<div class="col-sm-12 col-md-4 mt-4">
        <form action="">
        <div class="form-group">
            <input type="text" placeholder="Search" class="mainSearchBox">
            <a href="#" class="btn btn-dark">Submit</a>
        </div>
        </form>
    </div>

如果我也使用它似乎是同样的问题：

<div class="col-sm-12 col-md-4 mt-4">
        <form action="">
        <div class="form-group">
            <input type="text" placeholder="Search" class="mainSearchBox">
            <button type="submit" class="btn btn-dark">Submit</button>
        </div>
        </form>
    </div>

无论我做什么，链接都保持白色。

Answer 1

试试：

.btn {
    background-color: $link-color !important;
    border-color: $link-color !important;
}

可能您也需要检查您的主要 SASS/SCSS 文件。只是为了确保 bootstrap 位于您用于设置项目样式的文件之上。

Answer 2

试试这个：

$link-color: #c0b283 !important;