Question

如果单击此链接，将带您进入他们页面上的一些示例。

https://ng.ant.design/components/button/en

我可以访问按钮并更改颜色，但不能更改实际的蓝色边框。我尝试过：active，：hover，：focus等。

这是我访问某些自定义CSS的按钮的方式

.ant-btn-circle {
  background-color: $theme-foreground !important;
  color: rgb(var(--MainColor)) !important;
}

.ant-btn-circle:focus {
  background-color: rgb(var(--MainColor)) !important;
  color: $theme-foreground !important;
  outline: 0 !important;
}

轮廓部分似乎不起作用...有任何提示吗？

我看到这样的东西有蓝色，但是我不知道它是什么。 --antd-wave-shadow-color

html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;



--antd-wave-shadow-color: #1890ff;

}

Answer 1

到目前为止，我发现的唯一解决方案是在src中创建theme.less文件并添加以下内容：

@import "../node_modules/ng-zorro-antd/ng-zorro-antd.less";

@primary-color: #6D6E70;

所以我想这是原色。最好将其设置为自定义。在css中。

将鼠标悬停在NG-ZORRO（用于角度的antd）按钮周围时，如何去除它们的蓝色边框？

1 个答案: