CSS :placeholder-shown Pseudo-CLASS

Definition und Verwendung

CSS :placeholder-shown Der Pseudo-CLASS wird verwendet, um jeden <input> oder <textarea> Element-Stil.

Hinweis:Man kann auch ::placeholder Pseudo-Elemente zum Stilisieren des Platzhaltertexts.

Beispiel

Wählen und stilisieren Sie den Stil jedes <input>-Elements, das die aktuelle angezeigte Platzhaltertextzeile darstellt:

input:placeholder-shown {
  background-color: beige;
  border: 2px solide Karamell;
  border-radius: 5px;
  font-style: italic;
}

Versuchen Sie es selbst

CSS-Syntax

:placeholder-shown {
  css-Anweisungen;
}

Technische Details

Version: CSS4

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browser-Version an, die den Pseudo-CLASS vollständig unterstützt.

Chrome Edge Firefox Safari Opera
47 79 59 9 34

Verwandte Seiten

Referenz:CSS ::placeholder Pseudo-Element