更改 antdesign 标题的颜色

编程问答 2022-05-22

问题描述

我正在尝试更改 antdesign 中整个标题的背景颜色。我不确定，但默认文件应该是这个 https://github.com/ant-design/ant-design/blob/master/components/style/themes/default.less

我发现这里使用了标题的颜色，所以我将其更改为红色

antd defaults

全局无

@import "./vars.less";

@layout-header-background: red;

但是它被另一个类

enter image description here

覆盖

现在我的问题是实现标题颜色更改的最佳实践是什么。

I mean this thing here

解决方法

npx 的背景颜色可以简单地使用 JSS 更改或在其上放置一个类：

<Header />

或

<Header style={{backgroundColor: "red"}}>...</Header>

在 css 中

<Header className="red-header">...</Header>

也许您看到的是 .red-header{ background-color: red; } 组件的颜色。您也可以使用 JSS 修改它的颜色或在其上放置一个类：

<Menu/>

在此处查看示例

Edit

antdantdantdlessreactjsreactjsreactjsreactjs