离子2加载控制器cssClass不工作

我希望我的loadingController包装以定制的css样式显示，但css的规则不适用于元素（loadingController包装）

我的组件中包含以下内容：

ionViewDidLoad() {
    let loader = this.loadingController.create({
        spinner: 'bubbles',
        content: 'getting data...',
        cssClass: 'loadingwrapper'
    });
    loader.present().then(() => {
        //some stuff
        ...
        loader.dismiss();
    });
}

在我的css文件中：

.loadingwrapper{
    width: 77% !important;
    height: 15% !important;
    color: black !important;
    font-size: 1.25em !important;
    background-color: aliceblue !important;
    border-radius: 10px !important;
}

---

尽管这样做了（我甚至尝试了whithout“！important”），但更改（没有一个）并不适用于加载包装，这显示出一点糟糕。

不确定在哪里应用

css

，但是如果在页面组件文件中应用

css

，您将很难，因为加载控制器位于页面选择器之外。因此，如果您的页面组件名称是

Foobar

，并且您有一个

.scss

文件

Foobar.scss

page-foobar{
    .loadingwrapper{
        // not going to work
    }
}

您可以将其全局添加到

app/app.scss

文件中，或者（我认为这会起作用）

---

您必须在

variables.scss

文件中全局执行此操作

安卓

ios

窗户

---

您可以看到。

请显示更多代码。“不适用于元素”-什么“元素”？元素是包装器（旋转器在带有消息的白色框中移动），如果涉及Angular2，那么会有很多东西适用于样式问题。如果你不提供你的代码，很难给出比“你的应用程序中可能有错误”更具体的答案相信我，这些代码已经足够了。也许你能理解这个问题，但也许不能，否则你就可以解决它了。对我来说绝对不是。也许是其他人…是的，我正在页面组件文件中应用css。我已将您告诉我的内容添加到我的app/app.scss中，但仅使用类选择器，现在。。。它起作用了！谢谢，不用担心

.md,.ios,.wp{
    page-foobar{
       .loadingwrapper{
        // styles!
       }
    }
}

$loading-md-border-radius:10px;

$loading-ios-border-radius: 10px

$loading-wp-border-radius:  10px