Wählbare Eingabefelder und Textfelder, aber kein anderer in Firefox auswählbarer Inhalt?

Question

Ich muss verhindern, dass Benutzer Elemente in meiner Web-App UI, außer für Text in Eingabefeldern und Textareas auswählen. Für Firefox scheint die Technik, um diese CSS nutzen zu:

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

Und das funktioniert gut genug (getestet Firefox 3.5.2), mit der Ausnahme, dass Sie in Eingabefelder oder Textfelder nicht dann auswählen können.

ich versuchte, ihn in

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

jedoch, wenn das Eingabefeld innerhalb eines div, td ist, oder Spanne Dividieren, ist es nicht wählbar ist. Es scheint, dass die Eigenschaft -moz-user-select auch auf alle untergeordneten Elemente angewendet wird, unabhängig davon, ob diese untergeordneten Elemente die Einstellung überschreiben. Kennt jemand einen Weg um dies beiseite zu legen, abgesehen davon, dass es für bestimmte Elemente auf einer viel feineren (und ärgerlichen) Ebene liegt?

HINWEIS Dies ist nicht für Sicherheitszwecke. Es ist in Ordnung, wenn Benutzer die Quelle anzeigen oder wenn fortgeschrittene Benutzer diese deaktivieren. Aber für Web-UI mit Drag-and-Drop-Funktionalität oder nur solche, die sich eher wie eine Anwendung im Allgemeinen als wie ein Dokument verhalten sollen, ist es wirklich seltsam, versehentlich Text auswählen zu können. Und es passiert oft für die meisten Benutzer.

Answer 1

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

Answer 2

Sie kämpfen gegen eine verlorene Sache. Wenn ich wirklich Text von Ihrer Seite auswählen oder auf irgendeine Weise erhalten möchte, werde ich es tun.

Allerdings auf Ihre Frage. Versuchen Sie, wichtig zu Ende, so sieht es wie folgt aus:

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