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
Selektor: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:
<form>
<input placeholder="enter the text">
</form>
input {
border: 1px solid green;
}
input:placeholder-shown {
border-color: red;
}
:
Siehe auch
-
das Attribut
placeholder,
das einen Platzhalter für das Eingabefeld festlegt -
das Pseudoelement
placeholder,
das Stile für den Platzhaltertext festlegt
