ng-zorro-antd 的 nz-button 在 disabled 时的样式问题
0
悬赏园豆：30
[已解决问题]
解决于 2025-08-17 11:32
如下图所示，nz-button 在禁用时没有变灰
灰色样式被下面的样式覆盖了
.ant-modal-footer .ant-btn.ant-btn-primary,
.ant-modal-confirm-btns .ant-btn.ant-btn-primary {
background: inherit;
color: #0d6efd;
border-color: #0d6efd;
}
正常情况下应该是这样的
请问如何解决这个问题？
最佳答案
0
原来是项目中自己添加的下面的样式引起的，Chrome 开发者工具却显示样式来自 node_modules/ng-zorro-antd/button/style/index.less
.@{ant-prefix} {
&-modal {
&-footer,
&-confirm-btns {
.@{ant-prefix}-btn.@{ant-prefix}-btn-primary {
background: inherit;
color: @btn-primary-bg;
border-color: @btn-primary-bg;
&:hover,
&:focus {
background: @btn-primary-bg;
color: @btn-primary-color;
}
}
.@{ant-prefix}-btn.@{ant-prefix}-btn-dangerous {
&:hover,
&:focus {
background: @btn-danger-bg;
color: @btn-primary-color;
}
}
}
}
}
