Html 爱奥尼亚4定制popover、modal组件或页面样式

Html 爱奥尼亚4定制popover、modal组件或页面样式,html,css,angular,ionic-framework,Html,Css,Angular,Ionic Framework,我的应用程序在爱奥尼亚4,但我不知道如何自定义组件。 我想在右上角显示对齐位置 我试过使用global.css文件和component.css文件,但没有成功 async getNotifications() { const popover = await this.popoverController.create({ component: NotificationComponent, // event: ev, cssClass: 'notifica

我的应用程序在爱奥尼亚4,但我不知道如何自定义组件。 我想在右上角显示对齐位置

我试过使用global.css文件和component.css文件,但没有成功

async getNotifications() {
    const popover = await this.popoverController.create({
      component: NotificationComponent,
      // event: ev,
      cssClass: 'notificationCSS',
      translucent: true
    });
    return await popover.present();
  }
在通知CSS中:

 .notificationCSS{
      top: 0px !important;
      right: 0px !important;
  }

我在ionic for动态(在angnular世界中可能不完全正确)呈现html元素时遇到了类似的问题。我的组件css文件没有拾取我所针对的类。然而,global.css做到了。我会再次尝试将您的css放入全局。

将cssClass放入全局。SCSSThank@f1vlad,它通过继承popover内容类
。notificationCSS.popover内容