样式primeng自动完成输入

Question

我会更改p-autocomplete组件的样式。

我用过styClass

<p-autoComplete [(ngModel)]="text" [suggestions]="results" (completeMethod)="search($event)"
[styleClass]="autocomplete"></p-autoComplete>

然后在我的CSS中：

.ui-autocomplete .autocomplete  {
    border: 0px !important;
    background-color: green;
    box-shadow: none // delete the blue glow  when focus on input
}

我会删除边框并在焦点上启用边框并禁用蓝色发光效果。

我阅读了theming documentation并试图做同样的事情，但我无法正常工作

更新 我使用部分工作ngdeep

::ng-deep .ui-autocomplete-input {
    border: 0 ;
    border-radius: 2px;
}

对于第二次更改（删除蓝色发光并在焦点上添加边框），它不起作用。

::ng-deep .ui-inputwrapper-focus {
    box-shadow: 0;
    border: 2px;
}