Pseudotrieda placeholder-shown
Pseudotrieda placeholder-shown nastavuje štýl
inputu alebo textarei, ktorým sa zobrazuje
tzv. text-nápoveda, ktorý zmizne po začatí
zadávania textu.
Syntax
selektor:placeholder-shown {}
Príklad
Nastavme červený rámček pre input, v ktorom sa zobrazuje text-nápoveda, a po jeho zadaní nech sa rámček prefarbí na zelený:
<form>
<input placeholder="enter the text">
</form>
input {
border: 1px solid green;
}
input:placeholder-shown {
border-color: red;
}
:
Pozri tiež
-
atribút
placeholder,
ktorý nastavuje nápovedu pre pole na vstup -
pseudoprvok
placeholder,
ktorý nastavuje štýly pre nápovedu
