如何在MUI中为所有按钮去除阴影？

Question

4

我想在我的自定义 MUI 主题中删除所有包含按钮的阴影，但到目前为止我不知道该怎么做。我该如何做？我已经尝试将每个单独按钮的 boxShadow 属性设置为零，但这并没有起作用。

- Joseph Mutua

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- hgb123 · Accepted Answer

您可以使用名为disableElevation的Button属性（默认值为false）。

您可以在每个组件中使用它，或在主题设置中全局设置。

在单个组件中：

<Button variant="contained" disableElevation={true}>
  a button
</Button>

全局通过主题设置

const theme = createTheme({
  components: {
    MuiButton: {
      defaultProps: {
        disableElevation: true
      }
    }
  }
});

CodeSandbox演示