【问题标题】:material ui button custom elevation材质ui按钮自定义高程
【发布时间】:2022-01-05 17:55:39
【问题描述】:

如何为 MUI 按钮指定自定义高度?

在 MUI Button API documentation 中记录了 disableElevation(它似乎是 elevation={0} 的别名),但我找不到如何指定与默认高度不同的高度。

【问题讨论】:

    标签: reactjs material-ui


    【解决方案1】:

    请记住,包含的按钮在悬停和激活/聚焦时使用不同的高度,因此您需要在自定义它们时考虑到这一点。

    @mui/system 有一个 convenient way 在没有 elevation 属性的元素上应用阴影,使用 sx 属性。语法为sx={{ boxShadow: 3 }},与elevation={3} 相同。数字从 0 到 24。

    Codesandbox

    【讨论】:

      猜你喜欢
      • 2021-10-03
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-03-21
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多