Pseudoklasa placeholder-shown
Pseudoklasa placeholder-shown ustawia styl
inputowi lub textarea, w których wyświetla się
tzw. tekst-podpowiedź, znikający po rozpoczęciu
wprowadzania tekstu.
Składnia
selektor:placeholder-shown {}
Przykład
Ustawmy czerwoną ramkę dla inputa, w którym wyświetla się tekst-podpowiedź, a po jego wprowadzeniu ramka niech przekoloruje się na zielony:
<form>
<input placeholder="enter the text">
</form>
input {
border: 1px solid green;
}
input:placeholder-shown {
border-color: red;
}
:
Zobacz też
-
atrybut
placeholder,
który ustawia podpowiedź dla pola wprowadzania -
pseudoelement
placeholder,
który ustawia style dla podpowiedzi
