如何在 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 &nbsp;&nbsp;elevation={0}>本质上，您可以将任何道具应用于您将应用于 Paper 元素的卡片

Answer 2

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

Answer 3

您应该将 boxShadow 设置为无：<Card&nbsp;style={{&nbsp;boxShadow:&nbsp;'none'&nbsp;}}&nbsp;>