弹出框，模式组件或页面的Ionic 4自定义样式

Question

我在Ionic 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;
  }

Ref. Url

Answer 1

我在ionic中也遇到了类似的问题，因为它动态地（可能在环环世界中不能完全正确）呈现html元素。我的组件css文件没有选择我要定位的类。但是global.css做到了。我会尝试再次将您的CSS放到全局。