文章/答案/技术大牛

发布

社区首页 >问答首页 >如何全局禁用元素的材料UI css类

问如何全局禁用元素的材料UI css类
EN

Stack Overflow用户

提问于 2022-02-21 10:54:40

回答 1查看 355关注 0票数 0

我正在使用来自Material的排版元素。它有一个css类MuiTypography H1。我希望在代码库中的所有地方都禁用它，也就是全球范围的。

<Typography
  variant="h1"
  sx={{
      width: '100px',
      height: '55px',
      fontSize: '20px',
      fontWeight: 500,
      lineHeight: '1.2',
      WebkitLineClamp: 4,
      WebkitBoxOrient: 'vertical',
      marginTop: '11px',
  }}
>
  Title
</Typography>

javascript

html

css

reactjs

material-ui

回答 1

Stack Overflow用户

发布于 2022-02-21 11:39:11

您可以使用makeTheme，然后为整个应用程序中的所有排版标记生成一种样式:看看这里的文档：https://mui.com/customization/theming/

import { createMuiTheme } from '@material-ui/core/styles'

const theme = createMuiTheme({
  typography: {
    body1: {
      fontWeight: 500,
      fontSize: 18,
      color: "green"
    }
  }
})

export default theme;

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/71205071

复制

相似问题

问如何全局禁用元素的材料UI css类
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何全局禁用元素的材料UI css类EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何全局禁用元素的材料UI css类
EN