Encountered a puzzling issue where changing the color of a label when the input field is in focus is easy, except when the input is wrapped within a span.
Pulling my hair out trying to figure this one. Any insights?
Visit Codepen<div class="input_contact">
<input id="field_1">
<label for="field_1">Works</label>
</div>
<div class="input_contact">
<span><input class="input_field_contact"></span>
<label class="input_label_contact">Doesn't Work *</label>
</div>
label{
color: blue;
}
input:focus + label{
color: red;
}