ISIRMT Logo

【CSS】文字選択ができないようにするプロパティのコピペ

CSS
コピペ
シリーズ『CSSのコピペ用シリーズ』
<無題>css
-moz-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
-webkit-touch-callout: none;

何ができるか

長押しやドラッグによる文字・画像選択ができなくなる.これをrootに配置すれば一切選択ができないページになる.

例

https://itomiri.com (Ctrl + A でも選択できないように)

↑ iOSブラウザでも一応確認済み

気になったこと

VS Code の拡張機能 Edge Tools によれば

'user-select' should be listed after '-webkit-user-select'.

とのことなので,プレフィックス無しは最後に.

関連記事