ant-design的＜Tabs /＞ 如何更改激活样式修改

当使用ant-desian中的Tabs标签页时，选中标签激活状态的下划线颜色如何进行修改？

在Ant官网中未提供便捷的更改。

标签页 Tabs - Ant Design (antgroup.com)

1.创建一个index.less文件（本人使用的是react框架，用的less文件写样式）

        在你的<Tabs />标签文件中引用该less文件

import './index.less'

2.方法一：直接修改颜色，保留滑动效果

.ant-tabs-ink-bar {
  background-color: #333366 !important;//颜色可自定义
}
}

    方法二：关闭滑动效果，进行Tab下边框的颜色设置

  
.ant-tabs-ink-bar {
  visibility: hidden;//隐藏
}

.ant-tabs-tab {
  border-bottom: 1px solid #f0f0f0 !important; // 非激活 Tab 的下边框颜色
  z-index: 9999;
}

.ant-tabs-tab-active {
  border-bottom: 2px solid #333366 !important; // 激活 Tab 的下边框颜色
  z-index: 9999;
}