RatiboR1978
@RatiboR1978

Как сделать чтобы при клике вне элемента у него удалялся класс?

Доброе время суток! Как сделать чтобы при клике вне элемента у него удалялся класс? Вот код https://codepen.io/RatiboR1978/pen/mzOOwp при клики на .wrap добавляется active-text, после этого надо кликнуть вне элемента и класс active-text должен удалится. Не могу додуматься как сделать, подскажите решение.
  • Вопрос задан
  • 107 просмотров
Решения вопроса 2
AngReload
@AngReload
Кратко о себе
Мне проще сделать без JS
<div class="wrap">
  <input type="text" id="name-user">
  <label for="name-uzer">ФИО</label>
  <span>С больших букв</span>
</div>


input {
  display: block;
  width: 200px;
  border: none;
  font-size: 15px;
  border-bottom: 2px solid black;
}

.wrap {
  padding: 30px;
  position: relative;
  margin: 50px;
}

label {
  position: absolute;
  top: 30px;
  left: 30px;
  font-size: 20px;
}

input:focus ~ label {
  font-size: 10px;
  top: 10px;
}
Ответ написан
RatiboR1978
@RatiboR1978 Автор вопроса
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы