Alterar a cor do placeholder com CSS

Olá pessoal hoje vou dar uma dica simples mas bem útil, eu falar como alterar a cor do placeholder com CSS. Você devem saber que mesmo colocando um cor no INPUT ele não pega a cor adicionada no CSS, então precisamos adicionar o seguinte estilo para que ele funcione corretamente.

::-webkit-input-placeholder { /* WebKit browsers */
  color: #fff;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #fff;
}

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

:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #fff;
}

Assim com esse estilo não tem erro, ele irá pegar a cor deseja no seu placeholder. Bom é isso por enquanto, até mais breve e por favor se gostou compartilha o post e se tiver dúvida ou sugestão, por favor deixe um comentário. Até Mais…