1. ホーム
  2. css

[解決済み】CSSで特定のテキストを選択できないようにする方法【重複あり

2022-03-26 02:06:38

質問

私のページのヘッダーには中央揃えのテキストがありますが、ユーザーがそれを選択できないようにしたいのです。CSSでこれを実現する方法はありますか?

解決方法を教えてください。

以下のCSSは、ユーザーがテキストを選択できないようにするものです。

-webkit-user-select: none; /* Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard */

IE9以降を対象とする場合は、html属性に unselectable を使用する必要があります。

<p unselectable="on">Test Text</p>