Перевод не завершен. Пожалуйста, помогите перевести эту статью с английского.
Это экспериментальная технология
Так как спецификация этой технологии ещё не стабилизировалась, смотрите таблицу совместимости по поводу использования в различных браузерах. Также заметьте, что синтаксис и поведение экспериментальной технологии может измениться в будущих версиях браузеров, вслед за изменениями спецификации.
Псевдо-класс :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.