CSSを使用してテキスト選択を無効にする方法

CSSプロパティを使用してテキスト選択を無効にする方法を確認してくださいuser-select

デフォルトのブラウザでは、キーボードを使用するか、Macなどでcmd-Aの組み合わせを押すか、マウスを使用して、ブラウザでテキストを選択できます。

これを無効にして、Webページをアプリのように動作させ、ドキュメントのように動作させないようにするにはどうすればよいですか?

使用user-select: none;CSSルール。

次のように、ブラウザのプレフィックスを使用する必要がありますhttps://caniuse.com/#feat=user-select-none教えてくれます:

-webkit-touch-callout: none;
  -webkit-user-select: none;
   -khtml-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

私が時々使用することの1つは、すべてのアプリインターフェイスを選択不能にすることです。user-select: none;body要素で、次を使用して特定の要素で再度有効にすることができます。

user-select: text;

私の無料ダウンロードCSSハンドブック


その他のCSSチュートリアル: