时间戳

首页 > 解决方案 > Bootstrap CSS 覆盖我的自定义 CSS - 背景颜色/图像

html - Bootstrap CSS 覆盖我的自定义 CSS - 背景颜色/图像

问题描述

我已经阅读了有关 Bootstrap 的特异性大于我的自定义 CSS 的文章。但是，我想为整个 HTML 页面添加背景颜色。当我以以下方式创建自定义样式时：

.backgroundClass {
    background-image: linear-gradient(to bottom right, rgba(51, 102, 255, 0.3), rgba(51, 102, 255, 0.5));
    background-size: cover;
    background-repeat: no-repeat;
}

然后将它添加到我的 HTML 标签中的 Html

<HTML lang="en" class="backgroundClass">

只有网站的“部分”显示背景颜色。

当我检查元素时，由于引导程序，它们有自己的#fff 颜色，即白色。

任何解决方法或解决方案？

标签： htmlcssbootstrap-4

解决方案

您可以通过!important在 CSS 文件中应用标签来实现，如下所示。

.backgroundClass {
    background-image: linear-gradient(to bottom right, rgba(51, 102, 255, 0.3), rgba(51, 102, 255, 0.5)) !important;
    background-size: cover;
    background-repeat: no-repeat;
}

!important将覆盖浏览器 CSS 并优先使用您的 CSS。

推荐阅读