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

Question

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

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

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

StackBlitz 示例

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

标签： angularionic4

Answer 1

在你的 StackBlitz 中，我在你的index.html

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

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