如何修复我的输入与输入的文本重叠？

Question

我的输入在顶部重叠了 1 或 2 个像素的文本。 将 SCSS 与 React.JS 结合使用

我该如何解决这个问题？

.find-input {
  color: white;
  width: 100%;
  box-sizing: border-box;
  background-color: #262B36;
  padding: 13px 20px;
  font-size: 16px;
  font-weight: 400;
  outline: none;
  border: none;
  border-radius: 4px;
}

.find-input:focus {
  outline: 1px solid blue;
}

<div class="main">
  <input class="find-input" />
</div>

Answer 1

尝试增加高度或减少顶部/底部填充。

查看您的 HTML 会有帮助...