A placeholder-shown pszeudoosztály

A placeholder-shown pszeudoosztály stílust ad egy inputnak vagy textareának, amikor a ún. helykitöltő szöveg jelenik meg, amely eltűnik a szöveg beírásának megkezdése után.

Szintaxis

cssszelektor:placeholder-shown {}

Példa

Állítsunk be egy piros szegélyt az input számára, amelyben a helykitöltő szöveg megjelenik, majd a bevitel után a szegély változzon zöldre:

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

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

Результат:

Lásd még