Pseudoklasse placeholder-shown

Pseudoklassen placeholder-shown angiver styling for et input eller textarea, hvor den såkaldte hjælpetekst vises, som forsvinder efter starten af tekstindtastning.

Syntaks

cssselektor:placeholder-shown {}

Eksempel

Lad os indstille en rød ramme for inputfeltet, hvor hjælpeteksten vises, og efter tekstindtastning skal rammen skifte farve til grøn:

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

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

Результат:

Se også