清除图标以及 PrimeNG 自动完成上的加载图标

Question

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

加载建议阶段：

完成加载建议：

我现在唯一得到的是：

X 图标不会向右移动，即使 Primeng 加载图标不可见。 我唯一能做到的是：

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