JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row">
                        <label for="contact_form_mail">Email</label>
                        <input id="contact_form_mail" name="contact_form_mail" type="email" placeholder="Your e-mail address...">
                    </div>

CSS

.active{
    color:red;
}

JavaScript

$(document).on('focus active', 'input',function(){
            $('label[for='+$(this).attr('id')+']').addClass('active');
        });
        $(document).on('blur', 'input',function(){
            $('label[for='+$(this).attr('id')+']').removeClass('active');
        });