Pseudo-klassen placeholder-shown

Pseudo-klassen placeholder-shown setter stilen for et inputfelt eller textarea som viser såkalt plassholder-tekst, som forsvinner etter at tekstinntasting starter.

Syntaks

cssvelger:placeholder-shown {}

Eksempel

La oss sette en rød ramme for inputfeltet som viser plassholder-teksten, og etter tekstinntasting la rammen skifte farge til grønn:

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

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

Результат:

Se også