CSS

この記事では、タッチ操作で長押ししたときに表示されるメニューを制御する、主にWebKit系で使われる-webkit-touch-calloutの位置づけを説明します。

Cascading Style Sheets touch-callout property.

touch-callout

-webkit-touch-callout

　この機能は標準ではなく、標準化の予定もありません。公開されているウェブサイトには使用しないでください。ユーザーによっては使用できないことがあります。実装ごとに大きな差があることもあり、将来は振る舞いが変わるかもしれません。

　CSSの -webkit-touch-calloutプロパティは、対象を長押しすることで現れるコールアウト表示を制御します。

　iOS上で対象が長押しされたとき、Safariはそのリンクに関する情報をコールアウトで表示します。このプロパティはそういった挙動を無効にすることを可能にします。

値

default

規定のコールアウトが表示されます。

none

コールアウト表示が無効になります。

/* キーワード値 */
-webkit-touch-callout: default;
-webkit-touch-callout: none;

/* グローバル値 */
-webkit-touch-callout: initial;
-webkit-touch-callout: inherit;
-webkit-touch-callout: unset;

例

.example {
	-webkit-touch-callout: none;
}

仕様書

　どの仕様書でも定義されていません。

　Appleは Safari CSS リファレンス に説明を載せています。