2011-10-12 30 views
10

Tôi đang cố thêm quy tắc CSS làm cho hành vi mặc định không cho phép chọn văn bản hoặc thành phần trên trang. Sau đó, tôi thêm quy tắc cho các nút cụ thể (chẳng hạn như đoạn văn hoặc văn bản tiêu đề) để cho phép chọn văn bản trên chúng.Không thể ghi đè người dùng trên các nút con?

Thật không may điều này không hoạt động như mong đợi và có vẻ như không thể ghi đè cài đặt này trên nút con.

Kiểm tra jsfiddle này để xem những gì tôi có nghĩa là:

http://jsfiddle.net/cH8WD/

Bất kỳ ý tưởng làm thế nào tôi có thể có được điều này để làm việc đúng cách?

Cảm ơn

Edit:

Để minh họa rõ hơn về vấn đề:

http://jsfiddle.net/cH8WD/5/

Trả lời

14

thử "văn bản" thay vì "bình thường" như:

* { 
    -webkit-user-select: none; 
    -khtml-user-select: none; 
    -moz-user-select: -moz-none; 
    -o-user-select: none; 
    user-select: none; 
} 

p, h1, h2, h3, h4, h5 { 
    -webkit-user-select: text; 
    -khtml-user-select: text; 
    -moz-user-select: text; 
    -o-user-select: text; 
    user-select: text; 
} 

chỉnh sửa: cho FireFox, tôi đã thay đổi dòng "-moz-user-select: none;" thành "-moz-user-select: -moz-none;"

+0

Nó không có sự khác biệt. Bạn có thể thử điều này trên jsfiddle mình chỉ bằng cách sửa đổi các giá trị trong phiên bản của tôi. – Naatan

+0

tôi đã thử nó với Chrome và nó đã làm việc cho tôi. "bình thường" không hoạt động nhưng "văn bản" đã hoạt động. tôi sẽ kiểm tra với các trình duyệt khác ngay bây giờ. –

+0

Ok, tôi đang thử nghiệm trên Firefox có cùng vấn đề cho dù đó là "bình thường", "văn bản", "tự động" hay bất kỳ điều gì khác. Rất tiếc, tôi cần một giải pháp có thể hoạt động trên tất cả các trình duyệt. – Naatan

Các vấn đề liên quan