How to add css to alertcontroller

Ionic Framework ionic-v3
1

i am trying this .but it is not showing any effect.
i want title background color in red . and button in red .

let currentAlert = this.altctrl.create({
      title: "Hello",
      subTitle: "trying",
        cssClass:'alertDanger',
      buttons: ["OK"],
    });
    currentAlert.present();

is there way to add color to title background only

.alertDanger{
background-color: red;
color: blue;
button{
color: green;
}
1 Like
2

bottom of page is documentation you are looking for

3

those tags are giving me unusual behaviour.
image

i can’t click on option. it get disappeared.
like if i click on shop type it get disappeared and other invisible option get appeared.
i have 4 option in it.

4

my package json

"dependencies": {
    "@angular/common": "2.2.1",
    "@angular/compiler": "2.2.1",
    "@angular/compiler-cli": "2.2.1",
    "@angular/core": "2.2.1",
    "@angular/forms": "2.2.1",
    "@angular/http": "2.2.1",
    "@angular/platform-browser": "2.2.1",
    "@angular/platform-browser-dynamic": "2.2.1",
    "@angular/platform-server": "2.2.1",
    "@ionic/cloud-angular": "^0.9.1",
    "@ionic/storage": "1.1.7",
    "ionic-angular": "2.0.0",
    "ionic-native": "2.4.1",
    "ionicons": "3.0.0",
    "rxjs": "5.0.0-beta.12",
    "sw-toolbox": "3.4.0",
    "zone.js": "0.6.26"
  },
  "devDependencies": {
    "@ionic/app-scripts": "1.0.0",
    "typescript": "2.0.9"
  },

variable.sccs

$alert-md-button-background-color:#e30914;
 $alert-md-button-text-color:#FFFFFF;