Is there a way to prevent button text from changing to a lighter color after clicking?
I am facing an issue where the button I set to red turns slightly whiteish after it is clicked. How can I ensure that the button stays red at all times?
Header Toolbar with button (myPage.ts)
<ion-header>
<ion-toolbar>
<ion-buttons>
<ion-button style="color: red;">
<ion-label>Done</ion-label>
</ion-button>
</ion-buttons>
</ion-toolbar>
</ion-header>
I want the buttons to remain solid red whether they are clicked on or not.
It's unclear if this issue is related to Ionic or Angular, as all links seem to change color after being clicked.
Edit
Changing the background color does not stop the fading effect, and adjusting focus/active/visited styles doesn't seem to have any impact.
https://i.sstatic.net/4pGb2.png
https://i.sstatic.net/ljD5n.png
Interestingly, when I click away from the button, it reverts back to its full color.
(Using Ionic 5 and Angular 9)