Pseudo-klasse placeholder-shown
De pseudo-klasse placeholder-shown bepaalt de stijl
van een input of textarea waarin de zogenaamde
hinttekst wordt weergegeven, die verdwijnt nadat
met het invoeren van tekst is begonnen.
Syntaxis
selector:placeholder-shown {}
Voorbeeld
Laten we een rode rand instellen voor een input waarin de hinttekst wordt weergegeven, en nadat de tekst is ingevoerd, laat de rand dan veranderen in groen:
<form>
<input placeholder="enter the text">
</form>
input {
border: 1px solid green;
}
input:placeholder-shown {
border-color: red;
}
:
Zie ook
-
het attribuut
placeholder,
dat een hint voor het invoerveld bepaalt -
het pseudo-element
placeholder,
dat de stijlen voor de hint bepaalt
