Autocompletar formulario de Google Chrome y su fondo amarillo
Tengo un problema de diseño con Google Chrome y su función de autocompletar formulario. Si Chrome recuerda algún nombre de usuario/contraseña, cambia el color de fondo a amarillo.
Aquí hay algunas capturas de pantalla:
¿Cómo eliminar ese fondo o simplemente desactivar este autocompletar?
Aceptado
Cambie "blanco" a cualquier color que desee.
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px white inset !important;
}
Si quieren campos de entrada transparentes, pueden usar transición y retraso de transición.
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-transition-delay: 9999s;
-webkit-transition: color 9999s ease-out, background-color 9999s ease-out;
}
Solución aquí :
if (navigator.userAgent.toLowerCase().indexOf("chrome") >= 0) {
$(window).load(function(){
$('input:-webkit-autofill').each(function(){
var text = $(this).val();
var name = $(this).attr('name');
$(this).after(this.outerHTML).remove();
$('input[name=' + name + ']').val(text);
});
});
}
En Firefox, puede desactivar todo el autocompletado en un formulario utilizando el atributo autocompletar="off/on". Del mismo modo, se puede configurar el autocompletado de elementos individuales utilizando el mismo atributo.
<form autocomplete="off" method=".." action="..">
<input type="text" name="textboxname" autocomplete="off">
Puedes probar esto en Chrome ya que debería funcionar.
