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

Псевдоклас placeholder-shown задае стыль інпуту або тэкстарэа, у якіх адлюстроўваецца т.зв. тэкст-падказка, які знікае пасля пачатку ўводу тэксту.

Сінтаксіс

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

Давайце ўсталюем чырвоную рамку для інпута, у якім адлюстроўваецца тэкст-падказка, а пасля яго ўводу рамка хай перафарбуецца ў зялёны:

<form>
	<input placeholder="увядзіце тэкст">
</form>

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