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

Псевдокласът placeholder-shown задава стил на инпут или текстареа, на които се показва т.нар. текст-подсказка, който изчезва след начало на въвеждане на текст.

Синтаксис

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

Пример

Нека зададем червена рамка за инпут, в който се показва текст-подсказка, а след неговото въвеждане рамката да се пребоядиса в зелено:

html<form>
  <input placeholder="enter the text">
</form>

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

Результат:

Вижте също