リンクを無効にするなどする

a タグのリンクを無効にするCSS

まず基本の考え方からいきましょう。

pointer-events: none;

pointer-events プロパティは :hover やクリックなどのイベントを無効にします。でも問題は次です。

iOSで電話番号が勝手にリンク扱いになるものは pointer-events で止めることができません。CSS でなく HTML 側で対処します。

<head>
  <meta name="format-detection" content="telephone=no">
</head>

上記メタタグを挿入してください。電話番号の自動リンクが働かなくなります。