使用createMuiTheme覆盖div、p、body上的默认样式
使用createMuiTheme覆盖div、p、body上的默认样式
提问于 2019-06-05 01:14:18
这可能是一个简单的UI主题定制问题。
我想要做的是覆盖<body>上的默认样式(以及将来的其他常见标签)。现在在我的React树的根上：
import theme from './mui-theme'
ReactDOM.render(
<Router>
<ThemeProvider theme={theme}>
<StylesProvider injectFirst>
{/* CssBaseline kickstart an elegant, consistent, and simple baseline to build upon. */}
<CssBaseline />
<App />
</StylesProvider>
</ThemeProvider>
</Router>,
document.getElementById('root'),
);有一个主题指定了一些东西，但遗漏了'body1'
const theme = useTheme()和console.log(theme)表明它被定义为：
typography:
body1:
fontFamily: "Roboto,"Helvetica Neue""
fontSize: "1rem"
fontWeight: 400
lineHeight: 1.5这就是我想要的设置。但是，要使用该设置，我必须对variant='body1'使用Typography标记。否则，div中的文本具有由CssBaseline提供的样式。这就是我希望覆盖的body标记：font-size: .875rem;上的规则。
人们会通过使用createMuiTheme来覆盖CssBaseline提供的样式吗？如果是这样的话，我补充道：
body: {
fontSize: '1rem',
},它显示在console.log(theme)上，但是如何告诉<body>标记实际使用这种样式呢？
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56448538
复制相关文章
相似问题