CSS :: Селектор заполнителей
Пример
Измените цвет текста-заполнителя в поле ввода:
::-webkit-input-placeholder
{ /* Edge */
color: red;
}
:-ms-input-placeholder
{ /* Internet Explorer 10-11 */
color: red;
}
::placeholder
{
color: red;
}
Определение и использование
Селектор ::placeholder
выбирает элементы формы с текстом-заполнителем и позволяет вам стилизовать текст-заполнитель.
Текст заполнителя задается атрибутом заполнителя, который определяет подсказку, описывающую ожидаемое значение поля ввода.
Совет. Цвет текста-заполнителя по умолчанию в большинстве браузеров светло-серый.
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает селектор.
Цифры, за которыми следует -webkit-, -moz- или -ms-, указывают на первую версию, которая работала с префиксом.
Selector | |||||
---|---|---|---|---|---|
::placeholder | 57.0 4.0 -webkit- |
12.0 -webkit- 10.0 -ms- |
51.0 4.0 -moz- |
10.1 5.0 -webkit- |
44.0 15.0 -webkit- |
Синтаксис CSS
::placeholder {
css declarations;
}