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
selector:placeholder-shown {}
Contoh
Mari kita atur border merah untuk input, yang menampilkan teks petunjuk, dan setelah teks dimasukkan, border akan berubah menjadi hijau:
<form>
<input placeholder="enter the text">
</form>
input {
border: 1px solid green;
}
input:placeholder-shown {
border-color: red;
}
:
Lihat juga
-
atribut
placeholder,
yang mengatur petunjuk untuk field input -
pseudoelemen
placeholder,
yang mengatur gaya untuk teks petunjuk
