CSS ::placeholder Pseudo-Element

Definition und Verwendung

CSS ::placeholder Pseudo-Elemente werden verwendet, um <input> oder <textarea> Stil des Platzhaltertextes des Elements.

Der Platzhaltertext wird durch die placeholder-Eigenschaft festgelegt, die die Anweisung für den erwarteten Wert des Feldes beschreibt.

Tipp:In den meisten Browsern ist die Standardfarbe des Platzhaltertextes ein helles Grau.

Beispiel

Ändern Sie die Farbe und Transparenz des Platzhaltertextes im Eingabefeld:

input::placeholder {
  color: red;
  opacity: 0.5;
}

Versuchen Sie es selbst

CSS Syntax

::placeholder {
  css Anweisungen;
}

Technische Details

Version: CSS Pseudo-elements Modul Level 4

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browser-Version an, die den Pseudo-Element完全支持.

Chrome Edge Firefox Safari Opera
57 79 51 10.1 44

Verwandte Seiten

CSS Referenz::placeholder-shown Pseudo-Klasse