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;
}