Цвет ярлыка меняется при поиске

Question

Реализую поиск типа ввода в Реактивных формах. Я хочу изменить цвет поля формы или метки, когда значение совпадает со значением ввода поиска. Как я могу этого добиться, пожалуйста, посоветуйте мне.

HTML

<form
[formGroup]="form">
<h3>Group Filter</h3>
<div class="row">
    <div class="col-md-3">
    <label> FirstNAme:
        <input type="text"
        formControlName="firstName"
        class="form-control"
        placeholder="First Name"
        /></label>
    </div>
    <div class="col-md-3">
<label> LastName:
        <input type="text"
        formControlName="lastName"
        class="form-control"
        placeholder="Last Name"
        />
</label>
    </div>
    <div class="col-md-3">
<label> Job Title:
        <input type="text"
        formControlName="Job Title"
        class="form-control"
        placeholder="Job Title"
        />
</label>
    </div>
    <div class="col-md-3 col-sm-3">
        <select class="form-control"
        formControlName="gender">
            <option value="">Gender</option>
            <option value="M">male</option>
            <option value="F">female</option>
        </select>
    </div>
    <div class="col-md-3">
<label> AGE_FROM:
        <input type="text"
        formControlName="agefrom"
        class="form-control"
        placeholder="age from"
        />
</label>
    </div>
    <div class="col-md-3">
        <input type="text"
        formControlName="ageto"
        class="form-control"
        placeholder="age to"
        />
    </div>

    <div>
                <input type='search'  [(ngModel)]='searchTerm' [ngModelOptions]="{standalone: true}"
                      placeholder="search">
              </div>
</div>

Если я ищу значение «FIRSTNAME», я хочу выделить или изменить цвет метки со значением FIRSTNAME . Хочу реализовать все ценности. как лучше это сделать.