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

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

Синтаксис

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

Мисал

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

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

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

Дагы караңыз

атрибут placeholder,
киргизүү талаасына колдонмо берүүчү
псевдоэлемент placeholder,
колдонмо үчүн стилдерди белгилөөчү