Question

我正在尝试定位＆＃34; root＆＃34;主题为custom-variables override的MuiCardActions组件的类。这是我的JSS：

overrides: {
  MuiCardActions: {
    root: {
      display: 'flex',
      justifyContent: 'flex-end',
      padding: 0
    },
  }
},

我可以看到显示屏＆＃39; flex＆＃39;和＆＃39; flex-end＆＃39;正在影响它。如果我将其更改为＆＃39;空格 - ＆＃39;它确实会影响组件，但填充没有任何影响。

链接到我在封闭式问题上发布的帖子 - 9749

Answer 1

覆盖功能在JavaScript级别运行，而不是CSS级别。您必须考虑媒体查询： https://github.com/mui-org/material-ui/blob/33a03a06c51a0d70260a89a022d6e57e80d02629/packages/material-ui/src/CardActions/CardActions.js#L13-L16

这样的事情应该这样做：

overrides: {
  MuiCardActions: {
    root: {
      display: 'flex',
      justifyContent: 'flex-end',
      [theme.breakpoints.up(0)] : {    
        padding: 0,
      },
    },
  }
},

如何影响MuiCardActrions组件的填充

1 个答案: