CSS · More selectors

:placeholder-shown

Matches an input or textarea while its placeholder is visible, which means it is empty.

Syntax
:placeholder-shown

Example

Try it

More in this group

::backdrop ::file-selector-button ::first-letter ::first-line ::marker ::part() ::slotted() ::target-text

Learn this in the course

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.

Open the course