En Google Chrome en MacOS (versión 75.0.3770.142), cuando paso el mouse sobre una sugerencia de autocompletar, el tamaño de la fuente en la entrada se vuelve muy pequeño (también cambia la familia de fuentes), pero después de elegir la sugerencia, vuelve al tamaño normal.
¿Qué podría estar causando este comportamiento?
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus { // pon tu estilo antiguo aquí }
Hay una solucion:
input:-webkit-autofill::first-line {font-size: 16px}Aquí hay una solución funcional que funcionó para mí en 2021 para que Chrome no cambie el tamaño de la fuente en autocompletar, sugiera pasar el mouse:
input#email { font-size: 2rem; color: blue; } input:-webkit-autofill::first-line { color: red; font-size: 2rem; } <input id="email"></input> También noté que, por alguna razón display: flex entra en conflicto con ese código, eche un vistazo:
input#email { font-size: 2rem; color: blue; display: flex; } input:-webkit-autofill::first-line { color: red; font-size: 2rem; } <input id="email"></input>