Pseudo-klasse placeholder-shown

De pseudo-klasse placeholder-shown bepaalt de stijl van een input of textarea waarin de zogenaamde hinttekst wordt weergegeven, die verdwijnt nadat met het invoeren van tekst is begonnen.

Syntaxis

cssselector:placeholder-shown {}

Voorbeeld

Laten we een rode rand instellen voor een input waarin de hinttekst wordt weergegeven, en nadat de tekst is ingevoerd, laat de rand dan veranderen in groen:

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

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

Результат:

Zie ook