AntonBrock
@AntonBrock
screen light

Как изменить цвет label при активном input?

Нужно чтобы при активной input label менял цвет текста,
но даже если for есть , меняется только при наведении на сам label. Т.е. input активный, но пока не наведешь на label изменения не увидишь, а нужно чтобы они работали связано, спасибо за помощь!

Как есть:
5c470e91777ef902742178.jpeg
Как нужно:
5c470ea50bdd1578645728.jpeg
.form-fields-group-label {
    position: absolute;
    font-size: 13px;
    color: #27252a;
    margin-top: 34px;
    font-family: 'Roboto', sans-serif;
    margin-left: 16px;
    padding-top: 5px;
}

.form-fields-input {
    margin-top: 34px;
    padding: 30px 142px 8px 16px;
    border: none;
    background: #EAEAEE;
    border-radius: 5px;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
}


<div class="form-fields-group">
        <label class="form-fields-group-label" for="name">Название Группы</label>
        <input type="text" id="name" class="form-fields-input" placeholder="Введите название группы" required>
      </div>
  • Вопрос задан
  • 5907 просмотров
Решения вопроса 1
Пригласить эксперта
Ваш ответ на вопрос

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

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