CSS :: Platzhalterselektor
Beispiel
Farbe des Platzhaltertextes eines Eingabefeldes ändern:
::-webkit-input-placeholder
{ /* Edge */
color: red;
}
:-ms-input-placeholder
{ /* Internet Explorer 10-11 */
color: red;
}
::placeholder
{
color: red;
}
Definition und Verwendung
Der ::placeholder
Selektor wählt Formularelemente mit Platzhaltertext aus und lässt Sie den Platzhaltertext formatieren.
Der Platzhaltertext wird mit dem placeholder-Attribut gesetzt, das einen Hinweis angibt, der den erwarteten Wert eines Eingabefelds beschreibt.
Tipp: Die Standardfarbe des Platzhaltertextes ist in den meisten Browsern hellgrau.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die den Selektor vollständig unterstützt.
Zahlen gefolgt von -webkit-, -moz- oder -ms- geben die erste Version an, die mit einem Präfix funktioniert hat.
Selector | |||||
---|---|---|---|---|---|
::placeholder | 57.0 4.0 -webkit- |
12.0 -webkit- 10.0 -ms- |
51.0 4.0 -moz- |
10.1 5.0 -webkit- |
44.0 15.0 -webkit- |
CSS-Syntax
::placeholder {
css declarations;
}