强制输入以适应字体

Question

我的占位符文本在输入中被剪裁了。它适用于某些字体，例如。 sans serif，但不是我目前使用的 Futura 字体。我怎样才能使输入字段正确地围绕文本。

我看到了，

但希望 'Search' 显示为未剪裁。

输入：

<input type="text" class="search-input" placeholder="Search...">

Css:

.search-input {
  display: block;
  font-size: 24px;
  font-style: italic;
  font-weight: 700;
  font-family: Futura;
  width: 100%;
  border-radius: 4px;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 0 4px 0 3px;
  border: 1px solid white;
}

规格：Google Chrome 87.0.4280.88 Ubuntu

Answer 1

解决方案似乎是：

.search-input::-webkit-input-placeholder  {
  line-height: 200%;
  /*  .... or more */
}

强制输入以适应字体

Force input to fit font

html

css

fonts

google-chrome