ionic2：无法设置 variables.scss中的背景颜色

Question

在HTML中：

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

在variables.scss中：

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

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

Answer 1

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

app.scss

  .bg-style {
        background: #f5f0eb;
    }

Answer 2

我建议你覆盖离子变量

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

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

Answer 3

在app.scss文件中添加样式

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

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