【问题标题】:using default theme colors material ui使用默认主题颜色材质 ui
【发布时间】:2021-10-07 12:04:19
【问题描述】:

如何在 sx 属性中使用默认主题颜色,如“主要”或“次要”?我不想改变它们,我只想写 sx={{ backgroundColor: "primary" }} 之类的

【问题讨论】:

  • 查看this v5 的答案。

标签: reactjs material-ui


【解决方案1】:

您需要更具体地说明您想要哪种颜色:

例如要访问 priamry.main,请使用:

<Box sx={{ borderColor: 'primary.main' }} />

或者对于当前文本颜色:

<Box sx={{ color: 'text.secondary' }}>Sessions</Box>

更多information

【讨论】:

  • 不幸的是它不起作用
  • 您能否更详细地描述一下或显示一个示例代码框。也许看看控制台。您的应用程序是否包含在主题提供程序中?你使用 mui v5 吗?
  • 现在我将组件包装在 themeprovider 中会导致错误“无法读取未定义的属性(读取 'fontWeightBold')”
  • 你添加了主题吗?你能分享一些你的代码吗?
猜你喜欢
  • 2020-02-05
  • 1970-01-01
  • 2020-06-10
  • 2018-10-12
  • 2021-08-16
  • 2018-09-14
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多