如何在Ionic4中增加Alert组件的宽度

Question

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

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

ion-alert{ --width: 400px; }

StackBlitz 示例

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

Answer 1

在您的StackBlitz中，我在您的index.html中做到了这一点

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

但在应用程序本身中，应该有一个styles.scss或main.scss来添加这样的全局样式。你应该把这种风格放在那里。

Answer 2

将其放入global.scss或app.component.scss

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