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