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

определение и использование

CSS ::placeholder псевдоэлементы используются для установки <input> или <textarea> стиль текста элемента占емника.

текст占емника устанавливается через атрибут placeholder, который описывает подсказку для ожидаемого значения поля.

подсказка:в большинстве браузеров по умолчанию цвет текста占位щика светло-серый.

пример

изменить цвет и прозрачность текста占位符 в поле ввода:

input::placeholder {
  color: red;
  opacity: 0.5;
}

попробуйте сами

CSSсинтаксис

::placeholder {
  cssdeclarations;
}

технические детали

версия: CSS Pseudo-elements Module Level 4

поддержка браузеров

числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот условныйoperator.

Chrome Edge Firefox Safari Opera
57 79 51 10.1 44

связанные страницы

CSS справочник::placeholder-shown условныйoperator