Pseudokelas placeholder-shown

Pseudokelas placeholder-shown menetapkan gaya kepada input atau textarea, yang memaparkan teks petunjuk yang dipanggil, yang hilang selepas pengisian teks bermula.

Sintaks

csspemilih:placeholder-shown {}

Contoh

Mari kita tetapkan sempadan merah untuk input, yang memaparkan teks petunjuk, dan selepas teks dimasukkan, sempadan itu akan bertukar warna kepada hijau:

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

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

Результат:

Lihat juga