Con trỏ tùy chỉnh CSS với hỗ trợ võng mạc

Question

Tôi không thể tìm thấy bất kỳ thông tin nào về chủ đề này. Tôi muốn một con trỏ tùy chỉnh đơn giản với CSS. Tôi có mã này ngay bây giờ:

cursor: url('img/cursor_left.png'), auto; 

Nó hiển thị con trỏ, không có gì sai. Nhưng nó mờ, vì nó không tương thích với màn hình võng mạc. Có ai biết sửa nó không?

Cảm ơn, Angelo.

Answer 1

tôi đã không kiểm tra này, nhưng nó phải là có thể sử dụng image-set:

cursor: url('img/cursor_left.png'), auto; 
cursor: -webkit-image-set(
    url('img/cursor_left.png') 1x, 
    url('img/cursor_left_hi.png') 2x 
), auto;