How to change the checkmark color of checkbox inside an ion-alert

Ionic Framework
1

Hi there,

How can I change the color of the checkmark in a ion-checkbox when used as an input inside an ion-alert?

My inpust in the ion-alert are:

inputs: [
    {
        type: 'checkbox',
        name: 'a',
        label: 'checkbox1',
        cssClass: 'custom'
    },
    {
        type: 'checkbox',
        name: 'b',
        label: 'checkbox2',
        cssClass: 'custom'
    },
    {
        type: 'checkbox',
        name: 'c',
        label: 'checkbox3',
        cssClass: 'custom'
    }
]

When changing the text color of a input inside an ion-alert I can achieve this with:

input.alert-input.custom {
    color: white;
}

But how to do this on a checkbox?

2
3

Not working on checkboxes used inside an ion-alert as inputs…

4

You cant change anything in ion-alert.

5

Thats not true. In my example above I clearly show you how to change the forecolor of the input…

6

Why isn’t this being answered??

7

Add the styles in global.scss

 .alert-checkbox-inner {
    
  }
.alert-checkbox-icon {

 }

image

demonstration at ///Ionic 6 Alert controller : How to style checkbox, checkmark, buttons in Alert - YouTube