antd去除按钮焦点黑边

在Ant Design中，有时可能会遇到按钮获得焦点时出现黑色边框的问题。为了解决这个问题，你可以使用CSS来调整按钮的样式，特别是在高光（:focus）状态下。以下是一个简单的步骤：

1. 首先，确保你已经在全局或特定组件的样式表中引入了Ant Design的CSS。如果还没有，你可以在`index.css`或`App.css`中添加：

   @import 'ant-design/dist/ant-design.css';

2. 接下来，找到`.ant-btn`类并覆盖`:focus`伪类的样式，取消黑色边框。在`.ant-btn`上添加以下CSS：

   .ant-btn {
     outline: none; /* 去除默认的轮廓 */
   }

   .ant-btn:focus {
     box-shadow: none; /* 去除聚焦时的阴影 */
     border-color: transparent; /* 或者直接设置边框颜色为透明 */
   }

3. 如果你只想针对某些特定的按钮类型（如`primary`、`ghost`等），可以在对应的类名上添加覆盖：

   .ant-btn-primary:focus, .ant-btn-ghost:focus {
     /* 仅针对primary和ghost按钮 */
     ...
   }

请注意，以上代码示例假设你使用的是全局样式表。如果你的项目使用了CSS模块或者 scoped CSS，你需要相应地修改选择器。