Làm thế nào để ẩn hoặc thay đổi con trỏ chuột trong các trình duyệt mới?

Tôi đã cố gắng tạo một thư viện (plugin) cho JavaScript cho phép người dùng ẩn chuột và thay đổi con trỏ chuột bằng một thứ khác. Nó đã được dễ dàng trước khi chỉ trong CSS làm việc với cursor, tôi tìm thấy một số bổ sung như this, nhưng bây giờ tôi đã truy cập this website mà thay đổi chuột.Làm thế nào để ẩn hoặc thay đổi con trỏ chuột trong các trình duyệt mới?

Tại sao trình duyệt mới (hoặc hệ điều hành) không hỗ trợ thay đổi con trỏ chuột thành hình ảnh?

Nguồn

2015-06-07 Lash

Bạn có thể thay đổi con trỏ đến một hình ảnh nhưng nó phải là một loại tập tin cụ thể. tức là .ico:

.cursor{ 
 
    position:absolute; 
 
    top:0; 
 
    bottom:0; 
 
    left:0; 
 
    right:0; 
 
    cursor: url(http://davidwalsh.name/demo/css-custom-cursor.ico), default; 
 
}

<body><div class="cursor"></div></body>

Hình ảnh xuất thân từ this website.

Nguồn

2015-06-07 10:58:49 jaunt

Nó hoạt động. Hãy thử:

$('html,body').css('cursor','none');

HOẶC

<pre> 
<span style="cursor:pointer">pointer</span><br> 
<span style="cursor:progress">progress</span><br> 
<span style="cursor:s-resize">s-resize</span><br> 
<span style="cursor:none">s-Hide</span><br> 
</pre>

JsFiddle

Nguồn

2015-06-07 10:49:49

Làm thế nào để ẩn hoặc thay đổi con trỏ chuột trong các trình duyệt mới?

Trả lời

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