iPhone OS 3.0のSafariでコピーふきだしを無効にするには
先日リリースされたばかりのiPhone OS 3.0絡みのTIPSをご紹介します。
iPhone OS 3.0から待ちに待ったコピペ機能が付きましたが、スクロールすることが多いサイトなどでは、ふきだしが表示されてしまって不便なことがあります。
このふきだしをCSSを使って無効にする方法があるそうです。
→ masuidrive on rails – iPhone 3.0のMobileSafariでコピペを無効にする方法 [masuidrive.jp]
コピー用のふきだしとは次のようなものです。
画面を少しの間長押ししていると表示されます。

次のようなCSSを指定するだけで、コピーのCSSがでなくなるようです。
body {
-webkit-user-select: none;
}
非常に簡単ですね。
iPhone向けサイトを作成されている方は覚えておいて損はないと思います。
他にも何かiPhone 3.0向けのTIPSをご存知の方がいましたら、ぜひタレコミをお願いします。
関連:
- iPhone OS 3.0がリリースされたので早速試してみました
- 6月26日にソフトバンクから「iPhone3G S」が発売されます
- iPhone OS 3.0からブラウザ上でGPS位置情報が取れるようになるとのことです

携帯サイト構築バイブル
携帯Webコレクション モバイルデザインアーカイブの本。
PHP×携帯サイト 実践アプリケーション集
PHP×携帯サイト デベロッパーズバイブル
携帯サイト コーディング&デザイン
WEB+DB PRESS 総集編 [Vol.1~36]
ケータイサイト制作王3
アマチュアスポーツ総合情報サイト
札幌のケータイ開発、Web開発なら

最近の記事