css网页标题背景栏颜色,CSS-如何覆盖Bootstrap Panel标题背景颜色？

CSS-如何覆盖Bootstrap Panel标题背景颜色？

我正在使用Bootstrap中的面板，但是对于标题，我想使用自己的背景色作为标题。 当我不为div放置panel-heading类时，布局就会搞砸。 所以我认为我应该保留panel-heading，但随后找到一种方法来覆盖背景色。 因此，我决定创建一个自定义css类并使用295696452187901212356，然后将其添加到带有panel-heading的div中。但这没有任何效果。

知道如何覆盖面板的标题颜色吗？

码：

11个解决方案

53 votes

这应该工作：

.panel > .panel-heading {

background-image: none;

background-color: red;

color: white;

}

Marco answered 2020-07-08T05:36:23Z

36 votes

您可以为面板标题创建自定义类。 使用此css类，您可以设置面板标题的样式。 我为此有一个简单的小提琴。

HTML：

Panel title

Panel content

CSS：

.panel-default > .panel-h