Псеўдаэлемент placeholder

Псеўдаэлемент placeholder задае стылі для падказкі placeholder у тэгах input ці textarea.

Сінтаксіс

cssселектар::placeholder {
  color: red;
}

Прыклад

Давайце афарбуем падказку ў чырвоны колер:

html<input type="text" placeholder="падказка">
cssinput::placeholder {
  color: red;
}

Результат:

Прыклад . Падказка ў textarea

Афарбуем падказку ў чырвоны колер у тэгу textarea:

html<textarea placeholder="падказка"></textarea>
csstextarea::placeholder {
  color: red;
}

Результат:

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

  • атрыбут placeholder,
    які задае падказку для поля ўводу
  • псеўдаклас placeholder-shown,
    які задае задае стылі полю ўводу з падказкай