Всем привет! У меня есть инпут, как я могу поменять цвет placeholder-a при на фокусе на input? Сделать примерно как при входе ВКонтакте. То есть, если есть наведение на инпут, placeholder становится более прозрачным, ну или цвет более можно сделать ярким.
<input type="text" class="login" placeholder="Телефон или email">
Узнал что можно вот так прописать в стилях:
.login::placeholder {
opacity: 0.2;
}
Но тут у меня проблемы: Я всегда решал задачки через classList.add, заранее прописывая класс со стилями в файле style.css, где хранились все мои стили. Добвавлялось все просто, типо add('active') и т.д. Но сейчас возникла проблема, не знаю как работать в javascript-e c псевдо-классами. Есть ли какое-то решение? Кто сталкивался?
after
иbefore
тоже?.login.active::placeholder { ... }
— он и будет появляться черезclassList.add('active')
)