【发布时间】:2018-05-21 21:44:19
【问题描述】:
我无法更改与此 ionic 输入相关联的图标颜色“X”:
<ion-input placeholder="Seach" clearInput ></ion-input>
有没有人经历过这种情况?
【问题讨论】:
-
那个元素有
.searchbar-clear-icon类。 “X”图标是图像背景,因此您应该通过background-image更改它
我无法更改与此 ionic 输入相关联的图标颜色“X”:
<ion-input placeholder="Seach" clearInput ></ion-input>
有没有人经历过这种情况?
【问题讨论】:
.searchbar-clear-icon类。 “X”图标是图像背景,因此您应该通过background-image 更改它
您可以使用 .text-input-clear-icon 类来覆盖 css 属性
.text-input-clear-icon {
background-image: url("imagePath")!important;
}
基本上 ionic 在 .text-input-clear-icon 中添加背景图像 它代表您看到的 X 图标/符号。 因此,只需覆盖背景属性,您就可以使用自定义图标代替默认图标
你也可以参考这个链接 change placeholder and clear-icon color for ion-search bar not globally?
【讨论】: