html - Ionic 3.x 中的样式 : Ion-Icon with gradient background colour (ion-chip)

Question

我正在尝试为图标提供渐变背景。我该怎么做？

我尝试将 ionic 图标放入 ionic 芯片中，如下所示:

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

但这没有用。颜色一和颜色二显然是用十六进制代码给出的。

Answer 1

你应该使用background-image

在你的 .css 文件中，

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