【问题标题】:Change color of the "X" icon更改“X”图标的颜色
【发布时间】:2018-05-21 21:44:19
【问题描述】:

我无法更改与此 ionic 输入相关联的图标颜色“X”:

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

有没有人经历过这种情况?

【问题讨论】:

  • 那个元素有.searchbar-clear-icon类。 “X”图标是图像背景,因此您应该通过background-image 更改它

标签: input colors icons ionic3


【解决方案1】:

您可以使用 .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?

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2015-02-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-07-09
    • 2017-05-20
    • 2019-02-24
    • 1970-01-01
    相关资源
    最近更新 更多