材质尺寸按钮尺寸不可更改（React）

Question

我正在使用 Material-UI for React。

这是我迄今为止拥有的 UI，但我希望Submit按钮具有与Select组件相同的高度。

我试图给height: 100%按钮

    <Button
      style={{ height: "100%", width: "30%" }}
      variant="contained"
      color="primary"
    >
      Submit
    </Button>

但这并没有真正改变高度。

这是codesandbox的链接：https://codesandbox.io/embed/material-demo-nvcxk ?fontsize=14&hidenavigation=1&theme=dark

Answer 1

我不确定您是否需要潜在地缩放高度，但通常输入高度是固定的，因此指定它实际上没有任何问题：

<Button
  style={{ "min-height": "56px", width: "30%" }}
  variant="contained"
  color="primary"
>
  Submit
</Button>

有时没有必要让事情变得过于复杂:D