Ion-segment-button CSS custom properties

I would like to change the ion segment button color when it is checked. I tried to write the CSS code at variables.css file as well, however no success.
Below is the code :

ion-segment-button{
      color: white; 
      --color-checked: var(--ion-color-danger);
     --background-activated: black!important; 
    --background-checked: var(--ion-color-primary); 
    --indicator-color: transparent!important; 
  }

Only change is via color property. Other CSS properties are just ignored: /

Any help will be appreciated.
Thanks

1 post - 1 participant

Read full topic