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

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

Визначає стиль елемента <input> або <textarea>, який наразі відображає текст підказки, заданої атрибутом placeholder. Така підказка зазвичай зникає під час набору тексту.

Синтаксис

<i>input</i>:placeholder { ... }
<i>textarea</i>:placeholder-shown { ... }

Приклад

У цьому прикладі порожнє поле відображається з червоною рамкою, під час введення тексту рамка змінює колір на зелений.

Браузери