Pseudo-klas placeholder-shown

Die pseudo-klas placeholder-shown pas 'n styl toe op 'n invoer of teksarea waar die sogenaamde tekswyser vertoon word, wat verdwyn nadat die inskrywing van teks begin het.

Sintaksis

cssselekteerder:placeholder-shown {}

Voorbeeld

Laat ons 'n rooi raam instel vir die invoer waar die tekswyser vertoon word, en nadat teks ingeskryf is, laat die raam na groen verander:

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

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

Результат:

Sien ook