字体大小随页面焦点或字段焦点而变化

Question

这仅在我注意到的Chrome中，而不是Firefox。我已经在大约2周前的一个我设计的网站上发现了一些东西，该网站也是一个非常大的客户网站。我相信我在其他地方也看到过。当我最初加载页面并且执行其他操作（单击，标签，Shift-tab）之前，用户名和密码是一种大小。

当我单击或标签或以其他方式关注页面时，用户名和密码字段的字体大小都会变大（但字段大小本身不会改变）。

我正在寻找某种类型的::focus或::active伪类，但没有。并且这两个字段都会在页面单击或选项卡上调整字体大小。有谁知道这是为什么，并且在任何方面都可以纠正（在Chrome中）？

Answer 1

以下是技巧：

input:-webkit-autofill::first-line {
  font-family: 'Helvetica Neue', 'Arial', Arial, sans-serif !important;
  font-size: 16px !important;
}