首页 > 解决方案 > 如何在 React 中移除 Ant design Tabs 组件的焦点边框?

问题描述

我在反应项目中使用蚂蚁设计。

这是来自异地的标签

在此处输入图像描述

当我单击选项卡内容时,框架会出现在内容周围

在此处输入图像描述

如何删除此边框?

谢谢!

标签: javascripthtmlcssreactjsantd

解决方案


删除轮廓样式

outline: none;

使用示例:

<Tabs defaultActiveKey="1" onChange={callback}>
  <TabPane tab="Tab 1" key="1" style={{outline: 'none'}}>
...

在此处输入图像描述


推荐阅读