javascript - 第一个材质 UI 按钮隐藏

Question

我正在使用这样的材质 UI 按钮

      <main className="content">
        <div className="buttons">
          <Button
            variant="contained"
          ></Button>
          <br />
          <br />
          <Button
            variant="contained"
          >
            Text
          </Button>
        </div>
      </main>

.content {
  padding-left: 280px;
  padding-top: 100px;
  background-color: white;
}

.buttons {
  padding-top: 20px;
  flex-direction: column;
  display: flex;
  width: 200px;
}

但由于某种原因，第一个按钮隐藏了，我只能在屏幕上看到它的下半部分。这是一个代码框示例：

https://codesandbox.io/s/craky-pond-4bqgm?file=/src/page.css:0-179

标签： javascripthtmlcssreactjsmaterial-ui

Answer 1

你的第一个按钮没有文字。

<Button
            variant="contained"
            color="primary"
            onClick={() => history.push("./overfitting")}
          >I'm here</Button>