Pseudoclass placeholder-shown

Pseudoclass placeholder-shown mengatur gaya input atau textarea, yang menampilkan yang disebut teks petunjuk, yang menghilang setelah pengguna mulai memasukkan teks.

Sintaks

cssselector:placeholder-shown {}

Contoh

Mari kita atur border merah untuk input, yang menampilkan teks petunjuk, dan setelah teks dimasukkan, border akan berubah menjadi hijau:

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

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

Результат:

Lihat juga