Pseudo-klassen placeholder-shown
Pseudo-klassen placeholder-shown anger stilen
för ett inputfält eller textarea där så kallad
hjälptext visas, som försvinner efter att textinmatning
påbörjats.
Syntax
selektor:placeholder-shown {}
Exempel
Låt oss sätta en röd ram för inputfältet där hjälptexten visas, och efter textinmatning låt ramen ändra färg till grön:
<form>
<input placeholder="enter the text">
</form>
input {
border: 1px solid green;
}
input:placeholder-shown {
border-color: red;
}
:
Se även
-
attributet
placeholder,
som anger hjälptext för inputfältet -
pseudo-elementet
placeholder,
som anger stilar för hjälptexten
