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
selekteerder: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:
<form>
<input placeholder="enter the text">
</form>
input {
border: 1px solid green;
}
input:placeholder-shown {
border-color: red;
}
:
Sien ook
-
die kenmerk
placeholder,
wat 'n wenk vir die invoerveld verskaf -
die pseudoelement
placeholder,
wat style vir die wenk spesifiseer