※当サイトは、Google Adsense、Amazonアソシエイト、各種アフィリエイト広告を利用しています。

【CSS】電話番号にリンクを貼り付けてないのにスマホでリンクが付いてるのを解除する方法

2022年3月25日CSS

ホームページ制作で
電話番号とか住所の番地にリンクを貼り付けていないのに
スマホで確認すると電話のリンクが付いてる場合があります。

 

そのリンクを解除する場合は
以下、CSSを追加し
リンクが付いてるところにClassで
指定してあげれば解除されます。

.nocall{
pointer-events: none;
}

2022/03/28追記

ちなみに上記コードでは、safariでは機能しませんので、
safari対策の場合は以下メタコードを<head>に入れることで
機能するようになります。

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

 

ブログランキング・にほんブログ村へ  人気ブログランキング

CSS

Posted by Hiro先生