如何将 Bootstrap 表单控件类设置为 Angular Autocomplete

Question

我正在尝试将引导程序表单控制类设置为我的 anguar 自动完成。我已按照 here 的说明添加了类，但它在我的模板中不起作用。

<div class="ng-autocomplete">
<ng-autocomplete
  class="form-control"
  [data]="userData"
  [searchKeyword]="keyword"
  [(ngModel)]="aarlistfilter.USER_NAME"
  (selected)="selectEvent($event)"
  (inputChanged)="getServerResponse($event)"
  [itemTemplate]="itemTemplate"
  (inputCleared)="searchCleared()"
  [notFoundTemplate]="notFoundTemplate"
  [debounceTime]="600"
  [isLoading]="isLoadingResult"
  [minQueryLength]="2"
  placeHolder="Search Users. eg 'Taha'"
>
</ng-autocomplete>
</div>

这是我尝试过的样式，高度、颜色和边框半径没有按预期工作。

.ng-autocomplete {
    width: 100%;
    height: 45px!important;
    border-radius: 0.25rem;
    color: rgb(117 111 111 / 87%);
}