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

Псевдоклас placeholder-shown одређује стил инпуту или текстареи, код којих се приказује тзв. текст-наговештај, који нестаје након почетка уноса текста.

Синтакса

cssселектор:placeholder-shown {}

Пример

Поставићмо црвени оквир за инпут, у коме се приказује текст-наговештај, а након његовог уноса оквир ће прећи у зелену боју:

html<form>
  <input placeholder="унесите текст">
</form>

cssinput {
  border: 1px solid green;
}
input:placeholder-shown {
  border-color: red;
}

Результат:

Погледајте такође