如何在ionic 4中更改弹出窗口中按钮文本的颜色

在Ionic 4中更改弹出窗口中按钮文本的颜色，可以通过自定义CSS样式来实现。以下是一种实现方法：

首先，在你的Ionic项目中，找到全局的样式文件 src/global.scss。
在该文件中，添加以下CSS代码：

// 自定义弹出窗口按钮文本颜色
.my-custom-popup-button {
  color: red; // 这里可以替换为你想要的颜色值
}

然后，在你的组件文件中，使用 AlertController 创建弹出窗口，并为按钮添加自定义的CSS类名。

import { Component } from '@angular/core';
import { AlertController } from '@ionic/angular';

@Component({
  selector: 'app-home',
  templateUrl: 'home.page.html',
  styleUrls: ['home.page.scss'],
})
export class HomePage {

  constructor(private alertController: AlertController) {}

  async presentAlert() {
    const alert = await this.alertController.create({
      header: 'Alert',
      message: 'This is an alert message.',
      buttons: [
        {
          text: 'Cancel',
          role: 'cancel',
          cssClass: 'my-custom-popup-button', // 添加自定义的CSS类名
          handler: () => {
            console.log('Cancel clicked');
          }
        },
        {
          text: 'Okay',
          cssClass: 'my-custom-popup-button', // 添加自定义的CSS类名
          handler: () => {
            console.log('Okay clicked');
          }
        }
      ]
    });

    await alert.present();
  }

}

在上述代码中，我们为弹出窗口的按钮添加了 my-custom-popup-button CSS类名。

这样，弹出窗口中的按钮文本颜色就会根据自定义的CSS样式来显示了。

请注意，这只是一种实现方法，你可以根据自己的需求进行调整和扩展。