Eu tenho a seguinte lista de checkboxes:
Estou usando Bootstrap 4 e Angular 7. Gostaria de saber uma maneira de que quando a checkbox for clicada, a linha dela mude de cor, assim fica mais fácil do usuário saber se está clicando nas permissões certas (Leitura, Impressão, Exclusão e Gravação).
EDIT: Código do HTML
<div id="test-l-4" class="content">
<div class="form-group">
<label for="funcionalidade">Funcionalidades</label>
<div class="row">
<div class="col">
<div class="form-check " *ngFor="let f of funcionalidades; let x = index">
<input class="form-check-input" type="checkbox" id="{{ f.id_funcionalidade }}">{{ f.id_funcionalidade }} - {{ f.nome_funcionalidade }}
<div class="form-check form-check-inline float-right" *ngFor="let op of operacoes; let i = index">
<input class="form-check-input" type="checkbox" id="checkinfo_{{x}}_{{i}}" >{{op.operacao}}
</div>
</div>
</div>
</div>
</div>
<button (click)="back()" class="btn btn-primary mr-3">Back</button>
<button (click)="next()" class="btn btn-primary">Next</button>
</div>