Trường nhập văn bản có thể lựa chọn và văn bản nhưng không có nội dung nào khác có thể chọn trong Firefox?

Question

Tôi cần ngăn người dùng chọn các yếu tố trong giao diện người dùng ứng dụng web của tôi, ngoại trừ cho văn bản trong trường nhập và văn bản. Đối với Firefox, kỹ thuật này có vẻ là để sử dụng css này:

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

Và hoạt động đó đủ tốt (thử nghiệm Firefox 3.5.2), ngoại trừ việc bạn không thể chọn trong trường nhập hoặc văn bản.

tôi đã cố gắng chia nó thành

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

Tuy nhiên, nếu trường đầu vào là bên trong một div, td, hoặc khoảng thời gian, nó không phải là lựa chọn. Dường như thuộc tính -moz-user-select cũng được áp dụng cho tất cả trẻ em, cho dù những đứa trẻ đó có ghi đè cài đặt hay không. Có ai biết một cách xung quanh này ngoài việc thiết lập này ở một mức độ chi tiết hơn (và gây phiền nhiễu) cho các yếu tố cụ thể?

LƯU Ý mục này không nhằm mục đích bảo mật. Tôi ổn khi người dùng xem nguồn hoặc người dùng nâng cao tắt tính năng này. Nhưng đối với giao diện người dùng web có chức năng kéo và thả hoặc chỉ những ứng dụng được cho là hoạt động giống như một ứng dụng nói chung chứ không phải là tài liệu, thật kỳ lạ khi có thể vô tình chọn văn bản. Và điều đó thường xảy ra đối với hầu hết người dùng.

Answer 1

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

Answer 2

Bạn đang đấu tranh cho một nguyên nhân bị mất. Nếu tôi thực sự muốn chọn văn bản từ trang của bạn, hoặc nhận nó theo một cách nào đó, tôi sẽ.

Tuy nhiên, về câu hỏi của bạn. Thử thêm quan trọng đến cùng, vì vậy nó trông như thế này:

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