Есть ли способ изменить цвет внутренней кнопки Antd?

Question

Я использую antd для своего приложения. Мне нужно изменить цвет основной кнопки по умолчанию с синего на серый. Кажется, что antd не предоставляет такой возможности. Как я могу легко изменить цвет кнопки?

Answer 1

Я не согласен с принятым ответом,

формальным решением от antd является style реквизит, как указано в API каждого компонента:

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

Более того, если вы хотите переопределить стиль для каждого компонента в вашем приложении, вы должны переопределить класс CSS или Настроить тему , как уже упоминалось.

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

Answer 2

Я незнаком с Ant Design, но вы можете увидеть в их документах ( Настройка темы ), что вы можете редактировать основной цвет следующим образом:

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

Если вы хотите изменить только цвет кнопки, вы можете создать новую переменную:

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

, а затем добавьте правило (которое переопределит источник):

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