2009-09-08 11 views
6

ユーザーがウェブアプリケーションのUIで要素を選択しないようにする必要があります。を除き、入力フィールドとテキストエリアにはテキストがあります。 入力フィールドとテキストエリアは選択できますが、他のコンテンツはFirefoxで選択できません。

* { -moz-user-select: none; } 

そして、それはあなたが入力フィールドまたはテキストエリア内を選択することができないことを除いて、(Firefoxの3.5.2をテストした)十分に機能:Firefoxの場合、技術はこのCSSを使用するように思われます。

Iは入力フィールドがDIV、TD、またはスパンの内側にある場合は、それが選択できない

div,td,span,img { -moz-user-select: none; } 
input,textarea { -moz-user-select: text; } 

に分けてみました。それらの子が設定を上書きしても、-moz-user-selectプロパティはすべての子にも適用されるようです。誰もが特定の要素のはるかに細かい(そして迷惑な)レベルでこれを設定することを除いて、これを回避する方法を知っていますか?

これはセキュリティ上の目的ではありません。私は、ユーザーがこれをオフにしているソースまたは上級ユーザーを見てもらっても問題ありません。しかし、ドラッグ&ドロップ機能を備えたWeb UIや、ドキュメントのようにアプリケーションのように振る舞うと思われるものについては、誤ってテキストを選択するのは本当に変です。そして、それはほとんどのユーザーにとってしばしば起こります。

答えて

12
* { -moz-user-select: -moz-none; } 
input,textarea { -moz-user-select: text; } 
+0

ありがとう、ありがとう、ありがとう! – TheBrain

+0

は私のために働いていません... – jlarson

+2

ああ、私は "none"ではなく "-moz-none"を持っていることを理解しました。私が許可されたらすぐに割り当てた賞金をあなたに与えます! – jlarson

1

あなたは失われた原因と戦っています。私が本当にあなたのページからテキストを選択したい、または何らかの方法でそれを取得したい場合、私は行います。

しかし、あなたの質問に。追加してみてください最後に重要な、それは次のようになりますので、:!

div,td,span,img { -moz-user-select: none; } 
input,textarea { -moz-user-select: text !important; } 
+2

それはセキュリティ上の目的のためではなく、ユーザーがソースか何かを見た場合、私は気にしません。なぜなら、これはアプリケーションであり、一般的にUI要素(例えば、複合HTML要素で構成された「ボタン」)を選択すると、厄介な気がするからです... – jlarson

+0

..oh、and more重要なのは!重要なことは助けに見えなかった、私はそれを試みた、言及すべきである! – jlarson

関連する問題