Bootstrap:更改面板的背景色

r1zk6ea1  于 2022-12-07  发布在  Bootstrap
关注(0)|答案(3)|浏览(272)

我找到了一些关于这个的帖子,但是我看到的那些帖子的错误对我来说是显而易见的,不幸的是我还没有找到我的问题的答案。
我正在使用bootstap的主面板:

<div class="panel panel-primary">...</div>

我想改变标题的背景色,所以我把这个类添加到我的CSS中来改变背景色:

.panel-primary > .panel-heading {
    color: yellow !important;
    background-color: yellow !important;
    border-color: #F6E3CE !important;
}

然而,标题的背景色却一直是蓝色的。让我恼火的是,颜色(字体颜色)变成了黄色,这表明我正在编辑正确的CSS块。
我可以改变面板体的背景色,同样的方式也很好。
有什么想法吗?
下面是一个屏幕截图,可以看到只有背景色不会改变:

liwlm1x9

liwlm1x91#

您需要使用background-imagebackground属性来覆写预设的背景色彩。
就像这样

background-image: -webkit-linear-gradient(top,yellow 0, #dbff46 100%);

background:yellow;
zd287kbt

zd287kbt2#

你需要更具体地描述你的代码,你没有提到你的元素是如何构造的,A〉B选择器意味着它将匹配有一个父元素A的元素B。为了帮助你更好地回答你的问题,你可以添加一些代码片段,这样你就可以得到帮助。

tsm1rwdh

tsm1rwdh3#

抱歉,我对stackoverflow很陌生,看来我得加个新评论再发一张截图了。
现在,这真的很奇怪,当我在chrome中识别文件“gradients.less”的源时,我得到了这个截图。enter image description here
根据这张图片,我有一个目录../bootstrap/css/less/mixins/gradients.less
但实际上我拥有的目录是:../bootstrap/css,其中只有文件,如“bootstrap.css”-没有子文件夹“less”-根本没有子文件夹。

相关问题