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ă
selector: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:
<form>
<input placeholder="enter the text">
</form>
input {
border: 1px solid green;
}
input:placeholder-shown {
border-color: red;
}
:
Vedeți și
-
atributul
placeholder,
care stabilește sugestia pentru câmpul de introducere -
pseudoelementul
placeholder,
care stabilește stilurile pentru sugestie
