Customized Radio buttons Ionic iOS

Continuing the discussion from How do you customize ionic radio inputs to appear as grouped buttons?:

I am trying to customize the selected radio button from the checkmark in iOS to something different entirely. I also do not want the android styling. Is this method that JKnorr proposed in 2015 still the best way to do this or is there an easier method? I still don’t fully understand what he is saying. Can someone please explain?

For reference I am trying to make the button look like this:
image

From this:
image

I think that likely does not work anymore given shadow dom

Maybe try to target the two documented shadow parts in order to style the check and unchecked items

See doc on ionic radio as well as shadow parts

You should be able to style the checkmark using the mark Shadow Part:

ion-radio::part(mark) {
  ...
}

Thanks, I was able to achieve this effect by editing the checked container:

ion-radio.radio-checked::part(container) {

  background: #FF4D97);

}