cambiar el color del placeholder de un input o textarea con CSS

Publicado en por en Front End

Ya has intentado cambiar el color del placeholder de um input o textarea en tu pagina utilizando CSS?

A partir del IE 10+ y con la mayor parte de los navegadores es posible hacerlo, utilizando reglas separadas para cada uno de los navegadores (no compatible con Opera):

::-webkit-input-placeholder { /* navegadores Webkit */
    color:    #ddd;
}
:-moz-placeholder { /* Mozilla Firefox 4 hasta 18 */
    color:    #ddd;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #ddd;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #ddd;
}

Si tienes un navegador compatible, verás abajo un input del tipo “search” con el texto en rojo:

Escrito por

Me gusta la tecnología, sea de que tipo sea y a nivel informático tengo bases de programación, pero lo que más me gusta realmente es la parte de frontend, con que trabajo hace ya más de 6 años. Pero ni siempre me gusta estar encerrado, sobretodo en verano, que salgo con la bicicleta, la moto, voy a bucear, a la playa, etc. Intento viajar siempre que puedo, sea en inverno o en verano.Me gusta la tecnología, sea de que tipo sea y a nível informático tengo bases de programación, pero lo que más me gusta realmente es la parte de frontend, con que trabajo hace ya más de 6 años. Pero ni siempre me gusta estar encerrado, sobretodo en verano, que salgo con la bicicleta, la moto, voy a bucear, a la playa, etc. Intento viajar siempre que puedo, sea en inverno o en verano.

Todavía sin comentários

Dejar un comentario