移动safari中锚定标签设计的变化

Question

所以我设计了这个网站，我的锚标签在桌面和android手机上看起来很好，但在safari中，它变成了一个药丸类型的按钮。我的意思是(它的工作原理和定价按钮)

​

​

但最初它应该看起来像这样

​

​

这是这两个按钮的代码

<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>

Answer 1

您可以尝试从锚标签中删除按钮“type=”。