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

【问题标题】：ant design tabs .ant-tabs-tab-active class remove bottom blue borderant design tabs .ant-tabs-tab-active 类移除底部蓝色边框
【发布时间】：2021-08-31 21:29:43
【问题描述】：

我在一个项目中使用 ant-design-react。在项目中，我使用“标签”组件来展示产品。但我有一个问题。 “tab”-s 中的活动“tab”得到一个蓝色边框底部或其他东西。我不知道这个功能是从哪里来的。我没有找到哪个元素是 ::before 和 ::after 元素。如何删除它？

【问题讨论】：

标签： css reactjs antd ant-design-pro

【解决方案1】：

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

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

【讨论】：

非常感谢！