Angular 如何增加Ionic4中警报组件的宽度？

我想知道，如何在ionic4中增加警报控制器的宽度

我尝试过很多技巧，但都没有成功。为了清晰起见，我创建了一个stackblitz示例。这里我有一个按钮，点击它，警报会出现，但我希望警报更广泛。我还添加了一个css变量来更改宽度，但它也不起作用

离子警报{ --宽度：400px； }

---

任何帮助都将不胜感激。提前感谢。

在你的StackBlitz中，我在你的

index.html中做了这件事

<style>
  div.alert-wrapper {
    width: 700px; // play with this number
  }
</style>
<ion-app></ion-app>


分区警报包装器{
宽度：700px；//播放此号码
}

但是在应用程序本身中，应该有一个
styles.scss
或
main.scss
来添加这样的全局样式。您应该将此样式放在那里。
将其放在您的
global.scss
或
app.component.scss

::ng-deep .alert-wrapper {
    width: 1000px;  # or whatever sized width you prefer
}