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
pemilih: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:
<form>
<input placeholder="enter the text">
</form>
input {
border: 1px solid green;
}
input:placeholder-shown {
border-color: red;
}
:
Lihat juga
-
atribut
placeholder,
yang menetapkan petunjuk untuk medan input -
pseudoelemen
placeholder,
yang menetapkan gaya untuk petunjuk
