Pseudo-classe :placeholder-shown CSS

Definizione e uso

CSS :placeholder-shown Il pseudo-classe viene usato per selezionare e impostare lo stile del testo di placeholder corrente per qualsiasi <input> o <textarea> lo stile dell'elemento.

Suggerimento:Puoi anche usare ::placeholder i pseudo-elementi per impostare lo stile del testo di placeholder.

Esempio

Seleziona e imposta lo stile per qualsiasi elemento <input> che mostra il testo di placeholder corrente:

input:placeholder-shown {
  background-color: beige;
  border: 2px solid maroon;
  border-radius: 5px;
  font-style: italic;
}

Prova tu stesso

Sintassi CSS

:placeholder-shown {
  declarazioni css;
}

Dettagli tecnici

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta il pseudo-classe per la prima volta.

Pagine correlate

Riferimento:Pseudo-elemento CSS ::placeholder