Você precisa usar propriedades não-padrão do CSS para afetar somente o placeholder:
::-webkit-input-placeholder {
color: red;
}
:-moz-placeholder { /* Firefox 18- */
color: red;
}
::-moz-placeholder { /* Firefox 19+ */
color: red;
}
:-ms-input-placeholder {
color: red;
}
Solução encontrada no site CSS Tricks
Isso deve funcionar em todos os browsers modernos. O IE suporta o atributo placeholder
e a pseudo-classe :-ms-input-placeholder
a partir da versão 10.