Question

我想包括我正在使用的应用程序中使用的原色，第二色和第三色，但我还没有找到一种实现方法。但是在这里查看并尝试在Google上找到答案之后，但是没有运气，所以我在这里提问。

我尝试查看官方文档，但没有找到与其使用的警报相关的任何信息。

<ion-select formControlName="currency">
  <ion-select-option value="btc" checked="true">Bitcoin</ion-select-option>
  <ion-select-option value="ethereum">Ethereum</ion-select-option>
</ion-select>

当前看起来像这样（我还不能发布图片，所以我必须直接包含链接）

https://i.imgur.com/aMGFhHZ.png

像这样将离子色用于原色，第二色和第三色

https://i.imgur.com/TlUP79g.png

是否可以在不创建自定义警报的情况下执行此操作？

Answer 1

您的.ts文件中的

 async presentAlert(){ 
    const alert = await this.alertController.create({
          header: "My Header",
          message:
            "this is my message.",
            cssClass: "CUSTOMCSS", <<<< place the class name there
          buttons: [
            {
              text: "Cancel",
              role: "cancel",
              cssClass: "secondary",
              handler: blah => {
                // Do something
              }
            },
            {
              text: "Sync",
              handler: () => {
                // Do something
              }
            }
          ]
        });
        await alert.present();
    }

然后在您的global.scss

中

.CUSTOMCSS{
    *{
        ion-item {
           --background: var(--ion-color-primary);
           color: var(--ion-color-dark);
        }
    }
}

如何更改ion-select的默认Alert Popup的样式？

1 个答案: