Невозможно изменить основной цвет кнопки с помощью LESS (ant.design)

Question

Я использовал ant design, чтобы получить основной стиль кнопки, однако пытался изменить цвет фона с помощью LESS, и по какой-то причине ничего не работает, может кто-то может столкнуться с той же проблемой или узнать решение, я знаю, что могу сделать это легко Кстати, делая style = {{background-color}}, однако я не хочу писать дополнительный код, когда он должен работать с LESS. Я устанавливаю основной цвет для всех текстов, и он прекрасно работает

@btn-primary-bg: #1B2F55;

  <Button type='primary' onClick={this.handleSubmitEmail}>{submit}</Button>

antd.customize.less

введите описание изображения здесь

Answer 1

Я обнаружил проблему, проект был взят из другого приложения. css имел основной файл с установленным цветом, и поэтому нашел и узнал о приоритетах

Answer 2

Вам понадобится получить доступ к классу кнопок antd, чтобы изменить стиль.

Добавить новое имя класса для компонента кнопки.

 <Button type='primary' classname={'my-button'} onClick={this.handleSubmitEmail}>{submit}</Button>

Затем в файле LESS сделайте это ,

.ant-btn.my-button{
  background-color: 'red'
}