reactjs - React Material UI 一切都大写

Question

有没有办法在主题描述中以大写(textTransform)显示所有文本，一个为所有人。
大写静态文本、输入和获取的数据？

Answer 1

您可以设置 textTransform在容器类上使用 makeStyles :

const useStyles = makeStyles({
    root: {
        textTransform: "uppercase"
    }
});

在您的应用程序中使用 root包装元素中的类:

return (
    <div className={classes.root}>

    </div>
);

如果你想在特定的 Mui 元素上使用这个，你可以使用 createMuiTheme并使用 overrides您可以在特定元素上指定 css 值:

const muiTheme = createMuiTheme({
    overrides: {
        MuiPaper: {
            root: {
                textTransform: "uppercase"
            }
        },
        MuiBreadcrumbs: {
            root: {
                textTransform: "uppercase"
            }
        }
    }
});

return (
    <MuiThemeProvider theme={muiTheme}>
        ...
    </MuiThemeProvider>
);