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

Псевдоклассот placeholder-shown одредува стил на input или textarea, кои прикажуваат т.н. текст-совет, кој исчезнува откако ќе започне внесувањето на текст.

Синтакса

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

Пример

Ајде да поставиме црвена рамка за input, во кој се прикажува текст-совет, а откако ќе се внесе текстот, рамката нека се пребои во зелена:

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

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

Погледнете исто така

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