[CSS3] – Cambiare il colore su placeholder

Cambiare il colore sulla placeholder non è molto semplice in quanto è stato inserito per HTML5 e CSS3. La placeholder lo si usa genericamente sulla textarea e/o input di tipo testo.

Esempio:

<textarea placeholder="Scrivi qui..."></textarea>
<input type="text" placeholder="Scrivi qui..." />

Se vogliamo cambiare il colore del testo della placeholder di rosso, dobbiamo smanettare nel foglio di stile CSS3. Per farlo scriveremo quanto segue:

input:-moz-placeholder {
   color: red !important;
}

input::-webkit-input-placeholder {
   color: red !important;
}

input[placeholder],[placeholder],*[placeholder] {
   color: red !important;
}

Così rendiamo compatibile il cambio del colore su tutti i browser.