Перевод не завершен. Пожалуйста, помогите перевести эту статью с английского.

Это экспериментальная технология
Так как спецификация этой технологии ещё не стабилизировалась, смотрите таблицу совместимости по поводу использования в различных браузерах. Также заметьте, что синтаксис и поведение экспериментальной технологии может измениться в будущих версиях браузеров, вслед за изменениями спецификации.

Псевдо-класс :placeholder-shown представляет собой любой элемент формы отображающий placeholder текст.

/* Выбирает любой <input> или <textarea> с */
/* аттрибутом placeholder, который отображается в данный момент */
/* the placeholder */
:placeholder-shown {
  border: 2px solid silver;
}

Синтакс

:placeholder-shown

Пример

HTML

<input placeholder="Впиши сюда что-нибудь">

CSS

input {
  border: 2px solid black;
  padding: 3px;
}

:placeholder-shown {
  border-color: silver;
}

Результат

Спецификации

Specification Status Comment
Selectors Level 4
Определение ':placeholder' в этой спецификации.
Рабочий черновик Initial definition

Поддержка браузерами

Feature Chrome Firefox (Gecko) Internet Explorer Edge Opera Safari
Basic support
(on <input type="text">)
47.0 51.0 (51.0)[1] Нет Нет[2] 34.0 9.0
on type="number", type="time", and similar ? Нет Нет Нет ? ?
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support
(on <input type="text">)
51.0 51.0 (51.0)[1] Нет Нет 9.2
on type="number", type="time", and similar ? Нет Нет Нет ?

[1] Before Gecko 51.0 (Firefox 51.0 / Thunderbird 51.0 / SeaMonkey 2.48) Gecko implemented a -moz prefixed pseudo-class called :-moz-placeholder, which was later replaced by a ::-moz-placeholder pseudo-element. The standard pseudo-class got implemented in баг 1069012.

[2] Support for this pseudo-class is requested at the Microsoft Edge Developer Feedback page.

Смотрите также

Метки документа и участники

 Внесли вклад в эту страницу: Hydrock
 Обновлялась последний раз: Hydrock,