CSS/Selektoren/placeholder-shown

Der :placeholder-shown-Selektor kennzeichnet, wie Elemente formatiert werden, die gerade einen Platzhalter anzeigen.

Syntax	:placeholder-shown
Parameter	{{{Parameter}}}}}
Browsersupport	Details: caniuse.com

Beispiel

:placeholder-shown {
  background-color: #ffebe6;
  border-color: #c32e04;
  border-right-width: medium;
}

Input-Elemente, die gerade einen Platzhalter anzeigen, werden in einer anderen Farbe und mit einem breiteren Rahmen auf der rechten Seite angezeigt.

Siehe auch

• CSS/Tutorials/Selektoren/Pseudoklasse
• Formulare/Benutzereingaben zugänglich gestalten#Platzhalter

Weblinks

• W3C: The Placeholder-shown Pseudo-class: :placeholder-shown Selectors Level 4
• MDN: :placeholder-shown

Beispiel ansehen …

:placeholder-shown {
  background-color: #ffebe6;
  border-color: #c32e04;
  border-right-width: 5px;
}

Input-Elemente, die gerade einen Platzhalter anzeigen, werden in einer anderen Farbe und mit einem breiteren Rahmen auf der rechten Seite angezeigt. }}}}