Recently, I completed a project using Bootstrap version 5.1.3. Upon checking the mobile version on my iPhone XS, I noticed that all anchor tags (
<a href="#">Something</a>
) have underlined text. To address this issue, I attempted to remove the underlined text using the following CSS code:
a, a:link, a:hover, a:visited, a:focus-visible, a:active {
color: inherit;
text-decoration: none;
}
Surprisingly, the underlined text persisted on iPhones but not on Android mobiles. Can anyone assist me in resolving this discrepancy?
Thank you in advance.