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

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

Псевдо-класс :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;
}

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

Результат

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

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

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

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

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.

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

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

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