悬停在自动填充建议上时输入的文本非常小

Question

在 MacOS（版本 75.0.3770.142）上的 Google Chrome 中，当我将鼠标悬停在自动填充建议上时，输入中的字体大小变得非常小（字体系列也发生了变化），但在选择之后建议它恢复到正常大小。

可能是什么导致了这种行为？

Answer 1

输入：-webkit-自动填充，输入：-webkit-自动填充：悬停，输入：-webkit-自动填充：焦点{ // 把你的旧风格放在这里 }

Answer 2

有解决办法：

input:-webkit-autofill::first-line {font-size: 16px}

Answer 3

这是 2021 年对我有用的工作解决方案 Chrome 不要在自动完成时更改字体大小建议悬停：

input#email {
  font-size: 2rem;
  color: blue;
}

input:-webkit-autofill::first-line {
      color: red;
      font-size: 2rem;
}

<input id="email"></input>

我还注意到由于某种原因 display: flex 与该代码冲突，请看一下：

input#email {
  font-size: 2rem;
  color: blue;
  display: flex;
}

input:-webkit-autofill::first-line {
      color: red;
      font-size: 2rem; 
}

<input id="email"></input>

Input text very small when hovering on autofill suggestion