CSSでiPhoneのアイツ(アクションシート)を消す方法

CSSでiPhoneのアイツ(アクションシート)を消す方法

鳥よし

鳥よし

こんにちは。

戦:54 僧:59 魔:53 武:60 盗:60 旅:55
レン:60 パラ:54 マ:51 ス:49 賢:40
バ:25 CSS:2

鳥よしです。
(あ、一応ちゃんと仕事もしてます)

今日は、iPhoneのsafariでリンクを長押ししたときに出る
↓コイツ(アクションシート)を消し去る方法を書きます。

<img loading="lazy" class="size-medium wp-image-18740" src="https://liginc.co.jp/wp-content/uploads/2013/03/toriyoshi_test-168x300.png" alt="例のヤツ" width="168" height="300" /> 例のヤツ[/caption]

ほとんどの方がご存知なのかもしれませんが、
僕はこれを知ったときウレしょん寸前でした。

今までは、imgタグをaタグで囲んでればヤツ(アクションシート)が出ないと思っていたのですが、
CSSに以下の一行を追加するだけで対応できました。

<pre>[code]
-webkit-touch-callout: none;

CSSレベル2の僕でもできました。 ありがたい。

これを設定した後、単純なリンクを長押ししてもヤツ(アクションシート)が出ない!

ちなみに、僕の場合はアプリのweb view内でこれをしたかったのですがこれで救われました。

テレレレッテッテッテー CSSレベルが3に上がった。

LIGはWebサイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。

Webサイト制作の実績・料金を見る

この記事のシェア数

全国に展開する居酒屋「鳥よし」グループの総帥を務めています。加盟店舗数2000軒突破(推定)。現在加盟店を絶賛募集中です。

このメンバーの記事をもっと読む
デザイン力×グローバルな開発体制でDXをトータル支援
お問い合わせ 会社概要DL