Ionic 4: change opacity in disabled ion-checkbox

Hey guys,

I tried to change to opacity of an ion-checkbox (including the label) but it just didn’t work. i tried to set

--checkbox-ios-disabled-opacity: 1 !important;
--checkbox-md-disabled-opacity: 1 !important;

But nothing happened. It get’s overwritten by .3 from “.item-interactive-disabled”. Any chance I can change this somehow within the shadow dom?

Anyone an any idea how to solve this?
Should I open an issue on github?

did you have the answer?

you need to add inline css style to your IonCheckbox, like this:

<IonCheckbox style={{opacity: "1"}}></IonCheckbox>