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
selettore: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:
<form>
<input placeholder="enter the text">
</form>
input {
border: 1px solid green;
}
input:placeholder-shown {
border-color: red;
}
:
Vedi anche
-
l'attributo
placeholder,
che imposta il suggerimento per il campo di input -
lo pseudo-elemento
placeholder,
che imposta gli stili per il suggerimento
