我在輸入字段中遇到了將占位符和光標垂直居中的問題。這個問題特別出現在Chrome瀏覽器中，盡管它在Firefox中運行良好。我如何解決這個問題，并確保不同瀏覽器之間的垂直對齊一致？

超文本標記語言

<input
      type="text"
      placeholder="Search term label"
      className={cx('search-header__input')}
    />

半鑄鋼?鋼性鑄鐵(Cast Semi-Steel)

.search-header__input {
  border: none;
  width: 80%;
  height: rem(24px);

  &:focus {
    outline: none;
  }
}

我的問題是

提前感謝。

嘗試添加flex和align-items:居中:

.search-header__input {
  border: none;
  width: 80%;
  height: rem(24px);
  display: flex;
  align-items: center;
  
  &:focus {
    outline: none;
  }
}

<input
      type="text"
      placeholder="Search term label"
      className="search-header__input"
    />