Ion-checkbox readonly instead of disabled

Hi guys, I would like to know if there is a way to add readonly instead of disabled in ion-checkbox ? Because I’m having a problem with its design/CSS particularly with the opacity when disabled was applied.

Here is the sample output for ion-checkbox disabled:


My goal is to disable the checkbox without affecting its opacity. Anyone know how to do it? One of my propose solution is to override the CSS when ion-checkbox is disabled.

Something like this:

ion-checkbox.checkbox-disabled {
   --opacity : 1;

However, if you have other solutions put it in the comment side :slight_smile: Thanks.