如何在 Material-UI 的卡片组件中覆盖“MuiPaper-elevation1”属性？

Question

我有一个卡片组件，在 HTML 中如下所示： <div class="MuiPaper-root MuiCard-root makeStyles-Card-5 MuiPaper-elevation1 MuiPaper-rounded">我需要将 更改MuiPaper-elevation1为MuiPaper-elevation0，以消除阴影。我试过了    <Card       MuiPaperElevation0       MuiPaper-elevation0       style={{ boxShadow: 0 }}     >但它不起作用，没有任何改变，阴影仍然存在。有人可以教我怎么做吗？谢谢！

Answer 1

你可以像这样使用底层的 Paper 道具：

<Card
  elevation={0}>

本质上，您可以将任何道具应用于您将应用于 Paper 元素的卡片

Answer 2

Card API 接受一个海拔道具（继承自 Paper 组件）。为了改变海拔，你传递一个数字。这将删除框阴影，而无需添加您自己的样式 API：https ://material-ui.com/api/paper/

<Card elevation={0}>
....
</Card>

Answer 3

您应该将 boxShadow 设置为无：

<Card style={{ boxShadow: 'none' }} >