Псевдокласс placeholder-shown

Псевдоклас placeholder-shown задае стыль інпуту або тэкстарэа, у якіх адлюстроўваецца т.зв. тэкст-падказка, які знікае пасля пачатку ўводу тэксту.

Сінтаксіс

cssселектар:placeholder-shown {}

Прыклад

Давайце ўсталюем чырвоную рамку для інпута, у якім адлюстроўваецца тэкст-падказка, а пасля яго ўводу рамка хай перафарбуецца ў зялёны:

html<form>
  <input placeholder="увядзіце тэкст">
</form>

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

Результат:

Глядзіце таксама