有没有办法改变Antd内部按钮的颜色？

Question

我正在为应用程序使用antd。我需要将默认主按钮的颜色从蓝色更改为灰色。似乎antd没有提供这种选择。如何轻松更改按钮颜色？

Answer 1

我不熟悉Ant Design，但是您可以在他们的文档（Customize Theme）中看到您可以像这样编辑原色：

@primary-color: #1890ff; // primary color for all components

如果只想更改按钮的颜色，则可以创建一个新的变量：

@button-color: #757575; // a custom variable

，然后添加一条规则（它将覆盖源代码）：

.ant-btn-primary {
    background-color: @button-color;
}

Answer 2

我不同意接受的答案，

antd的正式解决方案是每个组件API中提到的style道具：

<Button type="primary" style={{ background: "red", borderColor: "yellow" }}>
  Submit
</Button>;

此外，当您要覆盖应用程序中每个组件的样式时，应覆盖CSS类或如上所述的Customize Theme。

// Should be use for overriding all buttons.
.ant-btn-primary {
    background-color: red;
}