重新设计 Ant-Design Tabs 活动选项卡底部边框

Question

我一直在研究 Ant-Design node_module 试图更改活动选项卡的默认颜色和默认宽度，但没有成功。有人知道如何覆盖它吗？

问题是我不知道哪个元素有边框。非常欢迎任何帮助。

Answer 1

你可以选择：

.ant-tabs-tab.ant-tabs-tab-active {
  border-bottom: 2px solid #BF2D30 !important;
  z-index: 2;
}

更新

这种风格将达到预期效果。

.ant-tabs-ink-bar {
  height: 5px;
  background: red !important;
}