Pseudoclassa placeholder-shown

Pseudoclassa placeholder-shown stabilește stilul unui câmp de introducere sau a unei zone de text, care afișează așa-numitul text de sugestie, care dispare după începerea introducerii textului.

Sintaxă

cssselector:placeholder-shown {}

Exemplu

Să stabilim o bordură roșie pentru câmpul de introducere, în care este afișat textul de sugestie, iar după introducerea acestuia, bordura să se coloreze în verde:

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

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

Результат:

Vedeți și