Sass cssClass用于ActionSheet控制器3

在我的ionic 3应用程序ActionSheetController中，我添加了带有图标的按钮。我试图通过给图标添加颜色来修改样式

let actionSheet = this.actionSheetCtrl.create({
      title: 'Upload Photo',
      cssClass: 'asheet'
      buttons: [
        {
          cssClass: 'button-cam'
          icon: 'camera',
          text: 'Take Picture',
          handler: () => {
            this.openCamera(from);
          }
        }, {
          icon: 'image',
          text: 'Photo Galary',
          handler: () => {
            this.openGalary(from);
          }
        }
        , {
          icon: 'close',
          text: 'Cancel',
          role: 'cancel',
          handler: () => {
            console.log('Cancel clicked');
          }
        }
      ]
    });

现在我已经在页面的.scss文件中添加了这两个类

.asheet{
 background: red;
}


.button-cam{
  background: red;
  icon{
    color: blue;
   }
  }

---

所有样式均未反映在操作表中。一切都是黑色的。

尝试将css放入app.scss，而不是page.scss

.myPage {
    .myActionSheetBtnStyle {
        color: red;
    }
}

然后在动作表中使用样式

let actionSheet = this.actionSheetCtrl.create({
    title: 'title',
    cssClass: 'myPage',
    buttons: [
        {
            text: 'Action',
            cssClass: 'myActionSheetBtnStyle',
            handler: () => {}
        }
    ]
}

---

你把css放在哪里？我的HTML页面使用css。如果你没有给出css类，你把css类放在哪里了。button cam然后确保你把@Tapasmukherjee放在那里。对不起，我在这里有点迷路了。所以我有一个HTML文件，它的TS文件和CSS文件。我的操作表代码在TS文件中，我在CSS文件中对class.asheet和.button cam进行了编码。请让我知道需要更正的内容。这是否适用于离子4+？这对我不起作用