大写的反应材料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>
);