Псевдоэлемент ::placeholder
Псевдоэлемент ::placeholder позволяет стилизовать текст, который был вставлен используя атрибут placeholder для элементов форм, таких как input и textarea. Для стилизации данного псевдоэлемента вы можете использовать свойства: шрифтов и все что связано с оформлением текста, фона, внутренние отступы.
::placeholder {
color: red;
}
Пошаговый план! Как быстро научиться создавать сайты!
- поддерживается начиная с
- частичная поддержка до
- не поддерживается
Примеры
Стилизация псевдоэлемента ::placeholder
В этом примере мы изменим цвет текста placeholder, а так же при :focus на input, мы плавно скроем placeholder, используя opacity и плавное изменение этого свойства через transition