Pseudo-klass placeholder-shown

Pseudo-klass placeholder-shown määrab stiili inputile või textareale, milles kuvatakse nn kohatäite tekst, mis kaob pärast teksti sisestamise algust.

Süntaks

cssselektor:placeholder-shown {}

Näide

Määrame punase raami inputile, milles kuvatakse kohatäite tekst, ja pärast teksti sisestamist muutub raam roheliseks:

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

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

Результат:

Vaata ka