Antd：如何设置按钮hover颜色？

Question

I have the following configuration in the antd.customize.less file:

@btn-primary-bg: #ffe900;
@btn-primary-color: @primary-color;

@btn-default-color: @primary-color;
@btn-default-bg: #ffffff;

On hovering a primary button everything is ok, but on hovering a default button the text color in the button changes to @btn-primary-bg, which I want to override, but I couldn't find any property like "@btn-default-hover-color" here . How can this be overridden, if at all?

Answer 1

I faced the same issue but I'm still looking for a better solution. However, for the moment, I can suggest that you add something like this to your global style file:

.ant-btn-default:hover, .ant-btn-default:focus {
  border-color: #bee2e5;
  color: #fff;
}

Answer 2

Working with reassigning less variables . Thied to edit everything that connected with @primary-color, nothing changed color generated by Antd for hover/active state. Looks like there is no way to do this with less variables.