Pour la couleur d’un placeholder en CSS, il y a une propriété officielle maintenant. Il faut utiliser la pseudo-classe "placeholder-shown".

input:placeholder-shown { color: white; }

Elle est encore très peu supportée, donc pour le moment on s’en tient à ça :

input::-webkit-input-placeholder { color: white; }
input::-moz-placeholder { color: white; }
input:-ms-input-placeholder { color: white; }
input:placeholder-shown { color: white; }

Par défaut, Gecko affiche la couleur du texte avec une opacité réduite : la couleur du placeholder hérite la couleur du texte du input.
Dans Webkit, la couleur est un gris à l’opacité réduite quelque soit la couleur initiale.
— (permalink)