在离子3.x中的造型：离子图标与渐变背景颜色（离子芯片）

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