Pseudotřída placeholder-shown
Pseudotřída placeholder-shown nastavuje styl
inputu nebo textarei, u kterých se zobrazuje
tzv. text-nápověda, mizející po zahájení
zadávání textu.
Syntaxe
selektor:placeholder-shown {}
Příklad
Nastavme červený rámeček pro input, ve kterém se zobrazuje text-nápověda, a po jeho zadání se rámeček přebarví na zelenou:
<form>
<input placeholder="enter the text">
</form>
input {
border: 1px solid green;
}
input:placeholder-shown {
border-color: red;
}
:
Viz také
-
atribut
placeholder,
který nastavuje nápovědu pro pole pro zadávání -
pseudoprvek
placeholder,
který nastavuje styly pro nápovědu
