Font size changing upon page focus or field focus

Question

This is only in Chrome I've noticed, not Firefox. I have noticed something about 2 weeks ago on a site I designed and also a very large client's site. I believe I've seen it elsewhere. when I initially load the page and before doing anything else (click, tab, shift-tab), the username and password are one size.

When I click or tab or otherwise focus on the page, the font size gets larger for both the username and password fields (but the field size itself doesn't change).

I looked for some type of ::focus or ::active pseudo class but there is none. And both fields resize the font on page click or tab. Does anyone know why this is, and is it correctible (in Chrome) in any way?

Answer 1

The following does the trick:

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