Выбираемые поля ввода и текстовые поля, но ни один другой контент не может быть выбран в Firefox?

Question

Мне нужно запретить пользователям выбирать элементы в моем пользовательском интерфейсе веб-приложения, , за исключением для текста в полях ввода и в текстовом поле. Для Firefox, техник, кажется, чтобы использовать этот CSS:

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

И это работает достаточно хорошо (проверено Firefox 3.5.2), за исключением того, что вы не можете выбрать в полях ввода или прокручиваемых.

Я попытался разделить его на

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

однако, если поле ввода внутри сНа, тд, или промежуток, он не может быть выбран. Кажется, что свойство -moz-user-select применяется ко всем детям, независимо от того, переопределяют ли эти дети эти настройки. Кто-нибудь знает способ обойти это, кроме того, чтобы установить это на гораздо более гранулированном (и раздражающем) уровне для определенных элементов?

ПРИМЕЧАНИЕ это не для целей безопасности. Я прекрасно понимаю, что пользователи просматривают исходные или продвинутые пользователи, отключая это. Но для веб-интерфейса с функцией перетаскивания или просто те, которые должны вести себя как приложение в целом, а не как документ, действительно странно иметь возможность случайно выбрать текст. И это часто случается для большинства пользователей.

Answer 1

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

Answer 2

Вы боретесь с потерянной причиной. Если я действительно хочу выбрать текст со своей страницы или получить его каким-то образом, я сделаю это.

Однако, на ваш вопрос. Попробуйте добавить важно до конца, так это выглядит следующим образом:

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