小编Ale*_*der的帖子

无法在Material UI中从卡片内容中删除填充底部

当从Material UI中使用Card组件时,CardContent似乎有一个24px的填充底部,我无法用以下代码覆盖。我可以使用此方法设置paddingLeft,Right和Top,但由于某些原因,paddingBottom无法使用。

const styles = theme => ({
  cardcontent: {
    paddingLeft: 0,
    paddingRight:0,
    paddingTop:0,
    paddingBottom: 0,
  },
})
Run Code Online (Sandbox Code Playgroud)

然后应用该样式:

<CardContent className={classes.cardcontent}></CardContent>

这是我在浏览器中预览元素时看到的:

.MuiCardContent-root-158:last-child {
    padding-bottom: 24px;
}
.Component-cardcontent-153 {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}
Run Code Online (Sandbox Code Playgroud)

我可以将浏览器中的像素编辑为0。但是我不知道如何定位MuiCardContent-root-158:last-child和在编辑器中覆盖paddingBottom。

javascript css reactjs material-ui jss

4
推荐指数
3
解决办法
1405
查看次数

标签 统计

css ×1

javascript ×1

jss ×1

material-ui ×1

reactjs ×1