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

Псевдокласс placeholder-shown инпут же текстареага, анын колдонмо тексти көрсөтүлүп турган учурда, текст киргизиле баштагандан кийин жоголуп кетүүчү стилди белгилейт.

Синтаксис

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

Мисал

Инпутта колдонмо тексти көрсөтүлгөндө кызыл чек коёлу, ал эми текст киргизилгенден кийин чектин түсү жашылга өзгөрсүн:

html<form>
  <input placeholder="текстти киргиз">
</form>

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

Результат:

Дагы караңыз