Foro de elhacker.net

Hola estoy haciendo mi web y tengo un problema con webkit quiero modificar los estilos de estos para quitarlo pero no se como hacerlo necesito ayuda =D.

(http://i45.tinypic.com/2j11s0y.png)

La casilla de username al haber echo el formulario y que se recuerde automaticamente me sale con ese background pero no se cual es el metodo de acceso a el para editarlo.

en tus archivos css busca todo lo que empieza por -webkit.

De paso si existen -moz tambien los cambias por reglas de css3 ya que la mayoria de los navegadores ya reconocen css 3

saludos

la pagina la estoy haciendo desde 0, osea el css es personalizado y quiero saber como tener acceso a esos datos que son predeterminado.

tienes alguna guia para aprender css?? yo tambien quiero aprender pero no se en donde empezar, para hacer mis propias plantillas.

haber yo sé css, pero hay cosas que no sé, entonces eso lo busco por google.

pero poco hay para buscar, uso la siguiente página para ver la referencias.

http://www.w3schools.com/cssref/default.asp

Nadie sabe como hacerlo?

PD:me ocurre en google chrome

Creo que es el correcto...

input:-webkit-autofill {
    color: #fff!important;
}
 

Nada he probado con background-color...
pero tampoco va.
Solo tengo problema en chrome  en firefox se ve bien, no hace falta que ponga nada.

@EFEX, eso no funciona en las nuevas versiones de Chrome.

Lo único que te queda, @Xafi, es darle al form autocomplete="off"
O con javascript recrear los campos y sus valores xD

De todos modos se considera un bug..
http://code.google.com/p/chromium/issues/detail?id=46543

No creo que tarden en solucionarlo.
Edito: El reporte es del 2010... si han pasado 2 años y no lo han arreglado mal vamos.

PD: No es cosa de WebKit... es cosa de Chrome. En Safari no pasa que yo sepa.

Saludos

Leyendo creo que el !important no es necesario y sino se resuelve en la etiqueta form desactivas el autocomplete(como dijo drvy | BSM ).

<form autocomplete="off">
</form>
 

Si el problema es solo de chrome, como dicen en code.google.


hay que pedirlo como deseo de navidad   :)

Bueno, el ultimo comentario en la pagina del bug dice que hay un workaround.
La idea es utilizar box-shadow inset para rellenar el fondo del input y luego utilizar -webkit-text-fill-color para darle color al texto.

Al parecer funciona. Y puesto que se trata de unas propiedades de -webkit- afectaran a safari también pero bue...

input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px #000 inset; /* Cambiar por color de fondo  de input */
    -webkit-text-fill-color: #FFF; /* Color de texto de input */
}
 
input:-webkit-autofill:focus {
    -webkit-box-shadow:0 0 0 50px #000 inset; /* Cambiar por color de fondo  de input */
    -webkit-text-fill-color: #FFF; /* Color de texto de input */
}

Saludos

vale muchas gracias, me he decidido por quitar el autocomplete que tampoco es que me guste mucho eso de autocomplete, aunque espero que cuando tache la casilla de recordar se quede aun no he llegado a eso. Saludos