I have directive for change background color but when set inside dialog no work.

inside dialog:

<div class="modal-body">
    <h4 class="modal-title" highlightThis [highlightColor]="'orange'" [count]="5">Users</h4>

and inside directive:

  @Input() count!: number;
  @Input() highlightColor!: string;

  console.log("highlightColor", this.highlightColor);
  this.formSelector.nativeElement.style.backgroundColor = this.highlightColor;

NO work..

But when set inside component which is not dialog work...

How to fix this ?