@Pavel_Proca

Как изменить стили текста, если в поле input введён текст?

Есть простой код. При нажатии на input, его label меняет позицию, переходя вверх. Нужно, что бы после того как в input ввели текст, его label остался на том же месте, то есть вверху. А если текст не ввели, label успешно спускался обратно. Испробовал различные псевдоклассы, но не помогло. Возможно, это у меня руки из одного места )
Вот код:
<div>
<input type="text" id="name">
<label for="name">Your Name</label>
</div>


label {
  position: absolute;
  top: 2%;
  left: 3%;
}
input:focus + label {top: -1%;}
  • Вопрос задан
  • 2772 просмотра
Пригласить эксперта
Ответы на вопрос 2
@Tenebrius
Ответ написан
Комментировать
@ccharmai
Можно, но с небольшим костылем. К input надо добавить required, а в css - input:valid
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы