我想更改与标签标题相同的底部标签栏颜色。试了好几种方法都没成功。
我的代码:
export default function OurPhilosophy() {
return (
<Container maxWidth="lg" className="our-philosophy">
<h3 className="heading1">Our Philosophy</h3>
<Demo />
</Container>
)
}
const Demo = () => (
<Tabs defaultActiveKey="1" size="large">
<TabPane tab="Heading 1" key="1">
"Content"
</TabPane>
<TabPane tab="Heading 2" key="2">
"Content"
</TabPane>
<TabPane tab="Heading 3" key="3">
"Content"
</TabPane>
<TabPane tab="Heading 4" key="4">
"Content"
</TabPane>
</Tabs>
);
屏幕:
最佳答案
问题已解决
这是CSS
.ant-tabs-ink-bar {
border-bottom: 2px solid #FF5230;
}
关于reactjs - 我如何自定义 antd tab active 底部标签栏的颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63463701/