I wanted to share an issue I faced throughout my project and hope this article will help someone who may be facing the same one.

The Issue and Solution

While the text color on Windows devices is the same as the defined color in CSS, it turns blue on iOS devices. To fix this issue, I added this line.

-webkit-text-fill-color: black;
color: black;

Similar Issue I Found. Please Give Me Advice.

Even though I did not define the text-decoration property and its value as "underline", the underline becomes visible on only iOS devices. The funny thing is it gets visible only on Google Chrome when I tested it on iOS devices.

I defined the "none" value to the text-decoration property but it did not work. I already fixed this issue by wrapping with the anchor element though, I am just curious if there is any other way.

Your feedback and advice is appreciated!