Braw Rajab
Braw Rajab

Reputation: 45

anchor tag design changes in mobile safari

so am designing this website and my anchor tags looks fine in desktop and android mobiles but in safari it changes to a pill type button. i mean thhe (how it works and pricing buttons)

enter image description here

but originally it should look like this

enter image description here

this is the code of those two buttons

<a href="/" type="button" class="btn text-white active p-2 pt-4 pb-4 " style="font-family:roboto;font-size: 18px;">
text.How it works
</a>
<a href="/" type="button" class="btn text-center text-white p-2 pt-4 pb-4 " style="font-family:roboto; font-size: 18px;">
          Pricing
                </a>

Upvotes: 0

Views: 472

Answers (1)

Ikkyy
Ikkyy

Reputation: 66

You can try removing type="button" from anchor tag.

Upvotes: 1

Related Questions