Home > database >  Chrome / Chromium Edge & styling fields with autocomplete
Chrome / Chromium Edge & styling fields with autocomplete

Time:12-13

In a simple login form, I'm using inputs with a larger font. In Chrome (and obviously Edge/Chromium), when the form is displayed and the autocomplete is active, values are shown with a regular font (font-size & font-family, probably others, too) :

enter image description here

The moment a click occurs (anywhere in the document), the inputs instantly change to the proper font size:

enter image description here

Is there a way to fix this ?

CodePudding user response:

We used to be able to customize it by input:-webkit-autofill::first-line, but it was removed due to a security concern. In short, now we cannot force the custom font of the autocompleted content to be displayed immediately, unless there's a click.

  • Related