In latest version, border bottom from ion-segment button removed from mobile view.
.segment-button-indicator {
display: none;
}
in DOM shadow. and unable to override this. any solution?
In latest version, border bottom from ion-segment button removed from mobile view.
.segment-button-indicator {
display: none;
}
in DOM shadow. and unable to override this. any solution?
What I did was creating a transparent color in the css and set the segment color property equal to transparent
.ion-color-transparent {
--ion-color-base: transparent;
--ion-color-base-rgb: 255, 255, 255;
--ion-color-contrast: transparent;
--ion-color-contrast-rgb: 255,255,255;
--ion-color-shade: transparent;
--ion-color-tint: transparent;
}
<ion-segment color="transparent">
</ion-segment>