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

cssvalitsija: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:

html<form>
  <input placeholder="enter the text">
</form>

cssinput {
  border: 1px solid green;
}
input:placeholder-shown {
  border-color: red;
}

Результат:

Katso myös