Pseudo-elemento ::placeholder CSS

Definizione e uso

CSS ::placeholder i pseudo-elementi sono usati per impostare <input> o <textarea> Stile del testo di placeholder dell'elemento.

Il testo di placeholder è impostato tramite l'attributo placeholder, che descrive il suggerimento previsto per il campo.

Suggerimento:Nella maggior parte dei browser, il colore predefinito del testo di placeholder è grigio chiaro.

Esempio

Modifica il colore e l'opacità del testo di placeholder nel campo di input:

input::placeholder {
  colore: rosso;
  opacità: 0.5;
}

Prova tu stesso

Sintassi CSS

::placeholder {
  declarazioni css;
}

Dettagli tecnici

Versione: Modulo di Pseudo-elementi CSS Livello 4

Supporto del browser

I numeri nella tabella indicano la versione del browser di primo supporto per il pseudo-elemento completo.

Chrome Edge Firefox Safari Opera
57 79 51 10.1 44

Pagine correlate

Riferimento CSS::placeholder-shown classe pseudo