Blog sobre programación web. PHP, JQuery, CSS3, Wordpress,...

Si queréis cambiar el color por defecto del placeholder de un input, lo podéis hacer de una forma más que sencilla:

::-webkit-input-placeholder {
   color: #000;
}

:-moz-placeholder { /* Firefox 18- */
   color: #000;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #000;  
}

:-ms-input-placeholder {  
   color: #000;  
}

De esta forma lo hacemos compatible con todos aquellos navegadores que soporten la propiedad. Podéis consultar su compatibilidad aquí: http://caniuse.com/

Hola a todos de nuevo!

Trabajando en unos de mis proyectos, me he dado cuenta de que Internet Explorer 8 (imagino que de forma incorrecta), muestra el input de un form, de tipo password, 10px mas pequeño que un input de tipo text. ¿Por qué? Pues al parecer utiliza diferentes tipos de fuentes.

Os facilito la solución y se acabó el problema.

Tan solo teneis que añadir esta línea a vuestro css:

input{font-family: Arial, Helvetica, sans-serif;}

Lógicamente, con la tipografía que vosotros querais.

Un saludo a todos!;-)