文章/答案/技术大牛

发布

社区首页 >问答首页 >CSS在印刷材料UI中的应用

问CSS在印刷材料UI中的应用
EN

Stack Overflow用户

提问于 2018-04-18 14:58:48

回答 2查看 10.9K关注 0票数 2

我试图将css应用于一个排版元素，但它什么也不做；我在另一个div元素上尝试了相同的css，它可以工作，但它根本不适用于排版。这是我的排版元素：

<Typography
  variant="title"
  classname={classes.detailTitle}
>
   Details:
</Typography>

这是我的css：

detailTitle: {
        textDecoration: 'underline'
    }

有什么线索吗？

material-ui

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-04-18 16:29:02

您的排版html中有一个小错误，它需要在有类名的地方说classname。这是react特定的，要获得更多信息，请看这里的https://reactjs.org/docs/dom-elements.html

票数 3

Stack Overflow用户

发布于 2020-02-05 08:53:01

您可以使用Material组件的classes属性来设置其样式。检查此页面https://material-ui.com/api/typography/#css

示例：

const useStyles = makeStyles((theme) => ({
  h3: {
    fontSize: '48px',
    fontWeight: '600'
  },
})
)

const TextComp = (props) => {
  const classes = useStyles()
  return (
    <Typography
      variant='h3' component='h3'
      classes={{ h3: internalClasses.h3 }}
    >
      {header}
    </Typography>
  )
}

票数 0

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

原文链接：

https://stackoverflow.com/questions/49903004

复制

相似问题

问CSS在印刷材料UI中的应用
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS在印刷材料UI中的应用EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS在印刷材料UI中的应用
EN