在离子中自定义警报

Question

我有默认的警报调用并添加CSS类来自定义警报

presentPrompt() {
let alert = this.alertCtrl.create({
  title: 'Login',
  cssClass: 'input-alert',
  inputs: [
    {
      name: 'username',
      placeholder: 'Username'
    },
    {
      name: 'password',
      placeholder: 'Password',
      type: 'password'
    }
  ]
});
alert.present();
 }

SCSS

ion-alert{
    .input-alert{
        &.alert-wrapper{
            width: 100%!important;
        }
    }
}

我需要将警报响应到全宽，但这种方法不起作用。

我该怎么做？