改变＆＃34; X＆＃34;的颜色。图标

Question

我无法更改图标颜色＆＃34; X＆＃34;与此离子输入相关联：

<ion-input placeholder="Seach" clearInput ></ion-input>

有没有人经历过这个？

Answer 1

您可以使用 .text-input-clear-icon 类覆盖CSS属性

  .text-input-clear-icon {
       background-image: url("imagePath")!important;
     }

基本上离子性会在 .text-input-clear-icon 中添加背景图像 代表您看到的 X 图标/符号。 因此，只需覆盖background属性，即可将自定义图标替换为默认图标

您也可以参考此链接 change placeholder and clear-icon color for ion-search bar not globally?