Pseudoklasse placeholder-shown

Die Pseudoklasse placeholder-shown legt den Stil für ein Input oder Textarea fest, in dem der sogenannte Platzhaltertext angezeigt wird, der nach Beginn der Texteingabe verschwindet.

Syntax

cssSelektor:placeholder-shown {}

Beispiel

Lassen Sie uns einen roten Rahmen für ein Input-Feld festlegen, in dem der Platzhaltertext angezeigt wird. Nach der Eingabe soll sich der Rahmen in grün verfärben:

html<form>
  <input placeholder="enter the text">
</form>

cssinput {
  border: 1px solid green;
}
input:placeholder-shown {
  border-color: red;
}

Результат:

Siehe auch