Псевдокласс placeholder-shown
Псевдоклас placeholder-shown задае стыль
інпуту або тэкстарэа, у якіх адлюстроўваецца
т.зв. тэкст-падказка, які знікае пасля пачатку
ўводу тэксту.
Сінтаксіс
селектар:placeholder-shown {}
Прыклад
Давайце ўсталюем чырвоную рамку для інпута, у якім адлюстроўваецца тэкст-падказка, а пасля яго ўводу рамка хай перафарбуецца ў зялёны:
<form>
<input placeholder="увядзіце тэкст">
</form>
input {
border: 1px solid green;
}
input:placeholder-shown {
border-color: red;
}
:
Глядзіце таксама
-
атрыбут
placeholder,
які задае подсказку для поля ўводу -
псеўдаэлемент
placeholder,
які задае задае стылі для подсказкі
