学习中碰到a-button点击后出现黑框，然后点击其他地方又会消失

情况是如下图这样

一开始我以为是样式问题，打开控制台检查样式却没有找到相关的，重置button样式也没用，最后百度搜索说是outline样式属性的问题。然后再去找项目中outline的地方，发现初始项目确定有自定义button样式

button:focus,
button:focus-visible {
  outline: 4px auto -webkit-focus-ring-color;
  /* outline: none; */
}

outline属性作用是会在元素周围绘制一条边框，这个边框与border边框不一样，它不占用盒子模型，不会影响布局

主要用于用户在与表单交互时 ，可以提示当前焦点处于哪个元素上，提高用户体验，但是UI设计这一块会影响美观，所以有时候是不想要这个属性作用的。那就可以直接设置outline：none，不要这个样式