Pseudoklasa placeholder-shown

Pseudoklasa placeholder-shown ustawia styl inputowi lub textarea, w których wyświetla się tzw. tekst-podpowiedź, znikający po rozpoczęciu wprowadzania tekstu.

Składnia

cssselektor:placeholder-shown {}

Przykład

Ustawmy czerwoną ramkę dla inputa, w którym wyświetla się tekst-podpowiedź, a po jego wprowadzeniu ramka niech przekoloruje się na zielony:

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

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

Результат:

Zobacz też