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

Question

这仅在我注意到的 Chrome 中，而不是 Firefox。大约 2 周前，我在我设计的一个网站上注意到了一些东西 还有一个非常大的客户网站 .我相信我在别处见过。当我最初加载页面并在做其他任何事情之前(单击、tab、shift-tab)，用户名和密码是一种大小。

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




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

Answer 1

以下是诀窍:

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