ionic5设置背景颜色

Question

我已经创建了一些自定义颜色，并希望设置一个ion-col单元格的背景。但是怎么做呢？例如，我的颜色适用于按钮：

<ion-button color="custom-blue" ... >...</ion-col>

但

<ion-col color="custom-blue" ... >...</ion-col>

失败。background-color也是如此。我可以设置ion-col的颜色吗?或者我必须在其中粘贴一个ion-item？

Answer 1

使用background-color CSS属性。ion-col的color属性不存在

但是，您不能直接在SCSS文件中访问自定义颜色。使用此选项将背景应用于所有ion-col

ion-col{
background-color:var(--ion-color-custom-blue);
}

Answer 2

尝尝这个。将你的--ion-color-custom-blue添加到varibles.scss

​

​

html页面中的

<ion-col class="color-class">

scss中的

.color-class {
  background-color: var(--ion-color-custom-blue);
}