ionic 5 设置背景色

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

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

在您的 html 页面中

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

在你的 scss 中

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

Answer 2

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

但是，您将无法直接在 SCSS 文件中访问您的自定义颜色。 使用它为所有ion-col 应用背景：

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