清除图标以及PrimeNG自动填充上的加载图标

Question

我想自定义p-autocomplete组件上的X图标，以便得到这个：

加载建议阶段：

完成加载建议：

我现在唯一能做到的就是：

即使没有看到primeng加载图标，X图标也不会向右移动。 我唯一能做到的就是：

input[type="search"] {
  padding-right:0px!important;
}

我知道我可以使用

自定义X图标

input[type="search"]::-webkit-search-cancel-button {
  ...
}

但我不知道怎么做。 有什么建议吗？

修改

这是展示X图标的方法：

<p-autocomplete ... [type]="'search'"></p-autocomplete>

Answer 1

尝试将此添加到您的CSS：

i.ui-autocomplete-loader {
  margin: -44px;
}

<强>结果

请参阅StackBlitz