Desactivar en mi web los estilos de webkit!

[anonimo12121]

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.



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.

[it3r]

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

[anonimo12121]

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.

[dato000]

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.

[anonimo12121]

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

[EFEX]

Creo que es el correcto...

Código (css) [Seleccionar] Expandir


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


[anonimo12121]

Creo que es el correcto...

Código (css) [Seleccionar] Expandir


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.

[#!drvy]

@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

[EFEX]

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

Código (html4strict) [Seleccionar] Expandir


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


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

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.

hay que pedirlo como deseo de navidad   

[#!drvy]

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...

Código (css) [Seleccionar] Expandir

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