Псевдоэлемент ::placeholder

Псевдоэлемент ::placeholder позволяет стилизовать текст, который был вставлен используя атрибут placeholder для элементов форм, таких как input и textarea. Для стилизации данного псевдоэлемента вы можете использовать свойства: шрифтов и все что связано с оформлением текста, фона, внутренние отступы.

::placeholder {
    color: red;
}
  • поддерживается начиная с
  • частичная поддержка до
  • не поддерживается

Примеры

Стилизация псевдоэлемента ::placeholder

В этом примере мы изменим цвет текста placeholder, а так же при :focus на input, мы плавно скроем placeholder, используя opacity и плавное изменение этого свойства через transition

Читайте также

Обсуждение (0)

Войдите или зарегистрируйтесь для того чтобы оставлять комментарии