Ionic 3.x中的样式：具有渐变背景颜色的Ion-Icon（离子芯片）

Question

我正在尝试为图标添加渐变背景。

我没有取得任何成功。

有没有人知道如何做到这一点？

我尝试将离子图标放入离子芯片中，如下所示：

<ion-chip class="my-chip">
   <ion-icon name="basket></ion-icon>
</ion-chip

然后在.css文件中：

.my-chip{
  color: linear-gradient( 0deg, #color1 0%, #color2 100%) !important;
}

但是这没用。 颜色一和颜色二显然以十六进制代码给出：slight_smile： 任何帮助将不胜感激！

Answer 1

您应该使用background-image

在.css文件中，

.my-chip{
  background-image: linear-gradient( 0deg, #color1 0%, #color2 100%) !important;
}