javascript - 如何在 React 中删除 Ant design Tabs 组件的焦点边框?

标签 javascript html css reactjs antd

我在react元素中使用ant design。

这是来自场外的标签

enter image description here

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

enter image description here

如何去掉这个边框?

谢谢!

最佳答案

删除轮廓样式

outline: none;

使用示例:

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

enter image description here

关于javascript - 如何在 React 中删除 Ant design Tabs 组件的焦点边框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60927755/

相关文章:

javascript - 数组中的 “Deleted” 仍然存在

html - Chrome 和 Firefox 的布局差异,与 float 和显示有关 : table

html - 如何在 Bootstap4 基本 slider 下方放置标题

javascript - 无法启动和停止持续循环运行的动画

javascript - jeditable 意外触发嵌套项目上的 Draggable

javascript - jQuery UI 模态确认对话框中取消按钮的名称有什么神奇之处吗?

javascript - 使用选择选项下拉更改图像,但对于多个事件?

javascript - div中的li等间距用CSS或JS

css - 如何隐藏文本而不是其中的图像

javascript - 具有不同高度和宽度的响应式图像网格