Нужно чтобы при активной input label менял цвет текста,
но даже если for есть , меняется только при наведении на сам label. Т.е. input активный, но пока не наведешь на label изменения не увидишь, а нужно чтобы они работали связано, спасибо за помощь!
Как есть:
Как нужно:
.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>
Простой
Средний
