当从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。