Cambiar el color del atributo Placeholder en CSS

El atributo placeholder dentro de la etiqueta input nos permite establecer un texto por defecto dentro del mismo. Este texto viene por defecto de color gris y es muy probable que desees cambiar ya que puede que quieras adaptarlo al estilo de tu página.

El color de este texto es posible cambiarlo desde el código CSS de nuestra página con el siguiente código:

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    white;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    white;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    white;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    white;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    white;
}

::placeholder { /* Most modern browsers support this now. */
   color:    white;
}

Con este ejemplo estaríamos cambiando el color del atributo placeholder a blanco en lugar del gris por defecto. En el caso de querer cambiarlo por otro color también es posible como es evidente.