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

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

Синтакса

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

Пример

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

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

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

Результат:

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