我正在尝试为图标提供渐变背景。我该怎么做?
我尝试将 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;
}
但这没有用。颜色一和颜色二显然是用十六进制代码给出的。
最佳答案
你应该使用background-image
在你的 .css 文件中,
.my-chip{
background-image: linear-gradient( 0deg, #color1 0%, #color2 100%) !important;
}
关于html - Ionic 3.x 中的样式 : Ion-Icon with gradient background colour (ion-chip),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46027720/