Hôm nay mình sẽ giới thiệu thuộc tính rất hay ho mà các bạn nên biết để tăng tính trải nghiệm của người dùng trên website của bạn, đó chính là thuộc tính use-select này.
Mình có ví dụ ở dưới này.
Ở đây bạn thấy khi sử dụng thuộc tính user-select: all .Thì khi click vào thẻ đó thì tất cả các nội dung trong thẻ đều được bôi đen toàn bộ. Điều này rất hữu ích khi muốn copy 1 đoạn viết nào đó mà không cần phải chọn vị trí chuột rồi kéo để bôi đen.
Còn ở dưới dùng user-select: none thì thấy dù có double click thì nó vẫn không thể bôi đen được đoạn đó. Điều này rất hữu ích trong vài trường hợp mà mình không muốn hiển thị vệt bôi đen nhìn rất hmm…. Nói chung trải nghiệm người dùng sẽ có chút vấn đề. Ngoài ra còn có thể giúp ngăn chặn hình ảnh bị kéo mờ nữa đấy.
