CSS: Come cambiare colore al testo dei placeholder

CSS: Come cambiare colore al testo dei placeholder

Formattare i placeholder con i CSS

Scopri come modificare il colore della propietà "Placeholder" delle input text e delle textarea facendo uso del CSS!

La prima cosa da fare è avere una input o una textarea con questa proprietà:

input type="text" placeholder="Inserisci il Nome.."

Nella maggior parte dei casi, il colore del Placeholder sarà grigio, ma nulla è perduto. Potrete modificare il colore facendo uso del selettore ::placeholder, con qualche variazione per poterlo far funzionare su più browser possibili.

Eccovi il CSS:

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1 */
color: #fff;
opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */

color: #fff;
}

::-ms-input-placeholder { /* Microsoft Edge */

color: #fff;
}




loader