Pseudoklasse placeholder-shown
Pseudoklassen placeholder-shown angiver styling
for et input eller textarea, hvor den såkaldte
hjælpetekst vises, som forsvinder efter starten af
tekstindtastning.
Syntaks
selektor:placeholder-shown {}
Eksempel
Lad os indstille en rød ramme for inputfeltet, hvor hjælpeteksten vises, og efter tekstindtastning skal rammen skifte farve til grøn:
<form>
<input placeholder="enter the text">
</form>
input {
border: 1px solid green;
}
input:placeholder-shown {
border-color: red;
}
:
Se også
-
attributten
placeholder,
som angiver en hjælpetekst for inputfeltet -
pseudoelementet
placeholder,
som angiver styling for hjælpeteksten
