特定のテキストをCSSで選択できないようにする方法

176

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

2011-08-01 jmasterx

324

以下のCSSは、テキストを選択することができることからユーザーを停止します。下向きHTML属性unselectableをIE9をターゲットに

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

を代わりに使用する必要があります。

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

出典

2011-08-01 15:03:42 tw16

'unselectable'属性はすべてのブラウザで動作しますか？ –

モバイルブラウザでは動作しません –

@Fabiánいいえテストしましたが、クロムで動作しません –

テキストエリアには、単純な背景イメージを使用してください。

それとも

<div onselectstart="return false">your text</div>

出典

2011-08-01 14:46:49

をハハハ！申し訳ありません、私はちょうどあなたをいじっていた。あなたが望む操作を実行できないことを保証するために画像を使用することは、ソフトウェアの開発者が言うようにハックです。また、OPはCSSソリューションを求めています。 – CrazyMerlin

特定のテキストをCSSで選択できないようにする方法

答えて

関連する問題