Come fare per - Cambia colore segnaposto
Scopri come modificare il colore dell'attributo segnaposto con CSS.
Colore segnaposto
Passaggio 1) Aggiungi HTML:
Usa un elemento di input e aggiungi l'attributo segnaposto:
Esempio
<input type="text" placeholder="A red placeholder text..">
Passaggio 2) Aggiungi CSS:
Nella maggior parte dei browser, il testo segnaposto è grigio. ::placeholder
Per cambiarlo, stilizza il segnaposto con il selettore non standard . Nota che Firefox aggiunge un'opacità inferiore al segnaposto, quindi usiamo opacity:
1 per risolvere questo problema.
Esempio
::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: red;
opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet
Explorer 10-11 */
color: red;
}
::-ms-input-placeholder
{ /* Microsoft Edge */
color: red;
}
Suggerimento: leggi di più sul selettore ::placeholder nel nostro CSS Reference: CSS ::placeholder Property .