要给AntD自定义选项卡的活动选项卡颜色,可以通过覆盖AntD的默认样式来实现,在不使用CSS或LESS的情况下,可以使用内联样式来设置选项卡的颜色。
以下是一个示例解决方法:
import React from 'react';
import { Tabs } from 'antd';
const { TabPane } = Tabs;
const App = () => {
const activeTabStyle = {
backgroundColor: 'red' // 设置活动选项卡的背景颜色为红色
};
return (
Content of Tab 1
Content of Tab 2
Content of Tab 3
);
}
export default App;
在上面的示例中,我们使用了内联样式activeTabStyle
来设置活动选项卡的背景颜色为红色。通过将该样式应用到活动选项卡的style
属性上,就可以实现自定义的选项卡颜色。
注意:这种方法只适用于修改活动选项卡的颜色,如果需要修改非活动选项卡的颜色,或者进行更复杂的样式修改,建议使用CSS或LESS来覆盖AntD的默认样式。