2011-10-24 6 views
0

私はWebアプリケーションを開発しており、ユーザーのWebページ上のテキストの選択をブロックしたいと考えています。個人的に私はこれのために任意のJavascriptを追加するのが好きではありません。それはCSSだけを使って行うことができますか?CSSを使用してウェブページのテキスト選択を避けるには?

ありがとうございます。

+4

参照:http://stackoverflow.com/questions/826782/css-rule-to-disable-text-selection-highlighting –

+0

ない限り、私は通常、CSS 2.1と承知しているとして、あなたこのためにJSを使用してください。なぜこの目的のためにJSを追加したくないのか尋ねることはできますか? – dougajmcdonald

+3

なぜこれをしたいですか?あなたのユーザーを困らせて、あなたのページのソースを表示したり、CSSを無効にしたりするだけですか? –

答えて

2

CSS3ルール(たとえばuser-selectプロパティ)があると考えられますが、書き込み時にはすべてのブラウザでサポートされていません。トリックを探している場合は、

無効なDIVと同じサイズのオーバーレイDIVを作成し、CSSの配置を使用して無効なDIVに配置します。幅、高さ、または位置を計算する際に問題がある場合は、シンプルなCSSを使用するか、JavaScriptにフォールバックすることができます。これは、途中でユーザーにとって迷惑になる可能性があります。

demo here

+0

ありがとうございました。 –

関連する問題