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

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

Синтаксис

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

Пример

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

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

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

Вижте също

атрибут placeholder,
който задава подсказка за поле за въвеждане
псевдоелемент placeholder,
който задава стилове за подсказката