HTML / CSS

iOSの電話番号の自動リンクを無効にする

対処法1：metaタグを追加する

<head>~</head>に以下のmetaタグを追加する

対処法2：aタグの中に記述してCSSで無効にする

HTML

                  

  000-000-0000

CSS

                  
.tel a[href^="tel:"] {
  pointer-events: none;
  text-decoration: none;
  color: #333333;
}

・イベントを無効化できるように指定「pointer-events: none;」
・文字の色や下線をなくすように指定「text-decoration: none;」「color: #333333;」

PCはリンクを無効にし、スマホだけ有効にしたい

CSS

                  
.tel a[href^="tel:"] {
  pointer-events: none;
  text-decoration: none;
  color: #333;
}

//スマホの表示
@media screen and (max-width:678px) {
.tel a[href^="tel:"] {
  pointer-events: auto;
  text-decoration: underline;
  }
}