私のページのヘッダーには中央揃えのテキストがありますが、ユーザーがそれを選択できないようにしたいと思います。 CSSでこれを行う方法はありますか?特定のテキストをCSSで選択できないようにする方法
176
A
答えて
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>
16
テキストエリアには、単純な背景イメージを使用してください。
それとも
<div onselectstart="return false">your text</div>
+1
をハハハ!申し訳ありません、私はちょうどあなたをいじっていた。あなたが望む操作を実行できないことを保証するために画像を使用することは、ソフトウェアの開発者が言うようにハックです。また、OPはCSSソリューションを求めています。 – CrazyMerlin
関連する問題
- 1. リンクでテキストをCSSで選択できるようにする
- 2. ユーザーが特定のTabBarItemを選択できるようにする方法
- 3. CSSで平易なHTMLテキストを選択する方法は?
- 4. NSMutableArrayで特定のオブジェクトを選択できないようにしますか?
- 5. aを選択する方法:特定のセレクタにないホバー
- 6. 特定のcssクラスを持つ3rd divの選択方法
- 7. CSSで特定のクラスを持たないHTML要素の最初のオカレンスを選択する方法は?
- 8. 特定の列/セルをCellSelectionModelプラグインで選択できないように制限できますか?
- 9. UIPickerの選択バーでテキストを設定する方法
- 10. 選択ボックスで特定の値が選択されているかどうかをチェックする方法
- 11. Railsで特定のピクセルの色を選択する方法は?
- 12. numpy配列で特定の列を選択する方法は?
- 13. Shinyで特定のtabPanelを選択する方法
- 14. PyAudioで特定の入力デバイスを選択する方法
- 15. マッチで特定のパーツだけを選択する方法は?
- 16. LINQで特定の列を選択する方法は?
- 17. Flash AS3 - インポート方法textfield movieclipを選択できないようにします
- 18. radiobuttonForsをテキストで選択できるようにするにはどうすればよいですか?
- 19. セレクタを右に選択できないようです。
- 20. 選択メニューを特定の値に初期化する方法?
- 21. 生成選択で特定の列を選択する
- 22. PDFに印刷するときにテキストを選択できないようにする
- 23. 正確なテキストでドロップダウンからオプションを選択する方法
- 24. jQuery - 特定のテーブル行で特定のフィールドを選択するにはどうすればいいですか?
- 25. Selectize.jsで特定のオプションをプログラムで選択できないようにするにはどうすればよいですか?
- 26. UIPickerViewの行を選択するときに、どのように特定のアクションを実行できますか?
- 27. jQuery特定のCSSを持つ要素を選択する
- 28. 特定の属性で選択する
- 29. キーボードでChromeでcontenteditableのテキストを選択できない
- 30. 特定のCSSクラスの偶数行を選択する
'unselectable'属性はすべてのブラウザで動作しますか? –
モバイルブラウザでは動作しません –
@Fabiánいいえテストしましたが、クロムで動作しません –