Псевдокласс CSS :placeholder-shown

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

CSS :placeholder-shown Псевдоклассы используются для выбора и установки стиля для любого элемента, который показывает текущий текст占ачика: <input> или <textarea> стиль элементов.

Совет:Вы также можете использовать ::placeholder Псевдоэлементы для установки стиля текста占ачика.

Пример

Выберите и установите стиль для любого элемента <input>, который показывает текущий текст占位щика:

input:placeholder-shown {
  background-color: beige;
  border: 2px solid maroon;
  border-radius: 5px;
  font-style: italic;
}

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

CSS грамматика

:placeholder-shown {
  css declarations;
}

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

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

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

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

См. также:Pseudo-element ::placeholder в CSS