Mudar a cor do placeholder de um input ou textarea com CSS

Criado às por em Front End

Já testaste mudar a cor do placeholder de um input ou textarea na tua página utilizando CSS?

A partir do IE 10+ e com a maior parte dos navegadores é possível fazer isto, utilizando regras separadas para cada um dos navegadores (não compatível com Opera):

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

Se tens um navegador compatível, vês em baixo um input do tipo “search” com o texto vermelho:

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.

Ainda Sem Comentários.

Deixar um Comentário