css - 无法使用 LESS 更改主按钮颜色 (ant.design)

Question

我已经使用 ant design 来获得主要按钮样式，但是尝试用 LESS 更改它的背景颜色，但由于某种原因没有任何效果，有人可能遇到同样的问题或知道解决方案，我知道我可以轻松做到这一点通过执行 style={{background-color}} 的方式，但是我不想在应该使用 LESS 时编写额外的代码。我正在为所有 tekst 设置原色，效果很好

@btn-primary-bg: #1B2F55;

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

antd.customize.less

enter image description here

Answer 1

您必须访问 antd 的按钮类才能更改样式。

向按钮组件添加新的类名。

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

然后，在 LESS 文件中执行此操作，

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