Ionic 4更改图像填充颜色

时间:2018-12-27 15:10:49

标签: ionic-framework svg ionic3 ionic4

我是Ionic 4的新手,正在尝试找出<ion-img>的属性。我只是想将svg文件的图像填充颜色更改为白色。任何帮助将不胜感激。

主页代码:home.page.hmtl

<ion-content padding>
  <ion-grid>
  <ion-row class  = "row1">
    <ion-img src = "/assets/icon/safety.svg"></ion-img>
  </ion-row>
 </ion-grid>
</ion-content>

尝试更改home.page.scss中的填充颜色

.row1{
    ion-img{
        --background-color: white;
    }
}

1 个答案:

答案 0 :(得分:2)

要解决此问题,请使用

filter: brightness(0) invert(1);