更改指示器颜色选项卡 Material UI v5

Question

我在我的项目中添加了标签，但我无法更改背景指示器：

const theme = createTheme({
  MuiTabs: {
      root: {
        styleOverrides: {
          indicator: {backgroundColor: "red !important"},
        },

        indicator: {backgroundColor: "red !important"},

      },
      indicator: {backgroundColor: "red !important"},

      styleOverrides: {
        indicator: {backgroundColor: "red !important"},
      },
    },

})

这是我的代码，但它不起作用。

这是我的 jsx 代码，它可能会有所帮助：

import {TabContext, TabList, TabPanel} from "@material-ui/lab";
import Box from "@mui/material/Box";
import Tab from "@mui/material/Tab";
<TabContext value={value}>
                    <Box sx={{ borderBottom: 1, borderColor: 'divider' }}>
                        <TabList onChange={handleChange} aria-label="lab API tabs example"
                                 textColor="primary"
                                 indicatorColor="primary"

                        >
                            <Tab label="Company Details" value="1" />
                            <Tab label="Admin Details" value="2" />
                        </TabList>
                    </Box>
                    <TabPanel value="1">
                        <FormSimple id={id}/>
                    </TabPanel>
                    <TabPanel value="2"><Admin id={id}/></TabPanel>
                </TabContext>

Answer 1

我发现我的错误，如果

import {TabContext, TabList, TabPanel} from "@mui/lab";