div
ユーザーが強調表示してコピーして貼り付けるなどのテキストを表示する があります。div
そのデザインのタイヤを蹴っているときに、マウスをドラッグしすぎるだけで、それを超えたコンテンツを簡単に選択してしまうことに気付きました。選択が関連するdiv
.
考えられる解決策の 1 つは、特定の 以外のすべての場所に (ここでuser-select:none
説明されているように) 適用することですが、選択可能なテキストが必要なが他にもあるため、この場合は機能しません。div
div
おそらくjQueryを使用してdiv
スタイルを変更し、テキストを選択user-select:none
している以外のすべてに適用されるdiv
可能性がありますが、おそらくCSSだけでも、もっと簡単な方法が必要だと思います。
誰でもこれを行う方法を知っていますか?
編集:以下のJosh Cの答えがうまくいきます。これは、彼のソリューションの JSフィドルフォークです。フォークの最も重要な変更点は、disabled="disabled"
への属性の追加ですtextarea
。その属性を使用しているときに 内のテキストを選択するtextarea
と、テキストにキャレットが表示されず、フォーカスが にあるときにアウトラインが光りませんtextarea
。他に注意すべき唯一のことはtextarea
、テキストがtextarea
.