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
Cita de: it3r en 21 Diciembre 2012, 15:35 PM
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.
Cita de: Xafi en 21 Diciembre 2012, 16:34 PM
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;
}
Cita de: EFEX en 21 Diciembre 2012, 19:37 PM
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.
Cita de: drvy | BSM en 21 Diciembre 2012, 19:50 PM
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 :)
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