ionic2：无法在 variables.scss 中设置 <ion-content> 背景颜色答案

【问题标题】：ionic2:can't set <ion-content> background color in variables.scssionic2：无法在 variables.scss 中设置 <ion-content> 背景颜色
【发布时间】：2017-03-20 01:58:49
【问题描述】：

在 html 中：

<ion-content class="bg-style">

在 variables.scss 中：

.bg-style {
    background-color: #f5f0eb;
}

上述代码不起作用，但它可以在<a> <div>等其他标签中工作，当我将样式文件（.scss，如test.scss）放在与html文件相同的路径时，它也可以很好地工作。我不知道我的问题是否清楚，谢谢你的帮助。

【问题讨论】：

标签： sass styles ionic2

【解决方案1】：

我建议您覆盖离子变量

$background-color: #f5f0eb !default;
$background-ios-color: #f5f0eb !default;
$background-md-color: #f5f0eb !default;

查看此网址了解更多详情 - link

【讨论】：

【解决方案2】：

使用app.scss 文件而不是variables.scss。

app.scss

  .bg-style {
        background: #f5f0eb;
    }

【讨论】：

您可以看到我在下面发布的答案，但感谢您的帮助。
不推荐这样做。如果您需要更改任何应用程序级别，请使用app.scss。如果您需要更改提供程序级别和主题（例如 ios/android/windows），请使用variables.scss。
我在主题文件夹中找不到这个文件app.scss，只有variables.scss文件。，在哪里？
它位于app 文件夹中。 @JoseRicardoCiterioAlcala

【解决方案3】：

在app.scss 文件中添加样式

.fixed-content{
    background-color: #f5f0eb;
}

它将适用于所有页面，您不必为每个ion-content添加一个类

【讨论】：