Pseudoclasse placeholder-shown

La pseudoclasse placeholder-shown applica stili a un input o textarea quando viene visualizzato il cosiddetto testo suggerimento, che scompare dopo l'inizio della digitazione del testo.

Sintassi

cssselettore:placeholder-shown {}

Esempio

Impostiamo un bordo rosso per l'input in cui viene visualizzato il testo suggerimento, e dopo la digitazione il bordo si ridipingerà in verde:

html<form>
  <input placeholder="enter the text">
</form>

cssinput {
  border: 1px solid green;
}
input:placeholder-shown {
  border-color: red;
}

Результат:

Vedi anche