NTTドコモ様_dカーシェア
NTTドコモ様_dカーシェア
2013.03.29

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

鳥よし

こんにちは。

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

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

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

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

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

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

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

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

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

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

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