Paikkamerkki-näytetty pseudoluokka
Pseudoluokka placeholder-shown asettaa tyylin
input- tai textarea-kentälle, joissa näytetään
ns. paikkamerkkitekstiä, joka katoaa tekstin
kirjoittamisen alettua.
Syntaksi
valitsija:placeholder-shown {}
Esimerkki
Asetetaan punainen reunus input-kentälle, jossa näytetään paikkamerkkiteksti, ja sen jälkeen kun teksti on syötetty, reunus muuttuu vihreäksi:
<form>
<input placeholder="enter the text">
</form>
input {
border: 1px solid green;
}
input:placeholder-shown {
border-color: red;
}
:
Katso myös
-
attribuutti
placeholder,
joka asettaa vihjeen syöttökentälle -
pseudoelementti
placeholder,
joka asettaa tyylejä paikkamerkille