ant design tabs .ant-tabs-tab-active class 移除底部蓝色边框

ant design tabs .ant-tabs-tab-active class remove bottom blue border

我正在项目中使用ant-design-react。在项目中,我使用“选项卡”组件来显示产品。但我有一个问题。 “选项卡”-s 中的活动“选项卡”获得蓝色边框底部或其他内容。我无法弄清楚此功能的来源。我没有找到哪个元素是 ::before 和 ::after 元素。我怎样才能删除它?

活动标签栏有 ant-tabs-ink-bar 和 ant-tabs-ink-bar-animated class。要删除它,只需覆盖 css 文件中 class 的 bacground-color 属性并导入它。 (确保在antd/dist/antd.css之后导入)

.ant-tabs-ink-bar {
  background-color: transparent;
}