2009-09-01 15 views
37

Czy można ukryć kursor myszy w przeglądarce internetowej?Przeglądarka internetowa: ukryj kursor myszy

Zrobiłem to we Flashu dla aplikacji z ekranem dotykowym, gdzie kursor myszy jest rozpraszający i niepotrzebny. Tym razem jest to ekran nieinteraktywny, więc kursor myszy nie jest potrzebny.

Moja intuicja jest taka, że ​​nie ma prostego sposobu na osiągnięcie tego w przeglądarce internetowej, tylko za pomocą wtyczki do przeglądarki.

Używana przeglądarka to Firefox, więc być może jest wtyczka, która to osiąga? Chociaż byłoby lepiej, aby móc to zrobić za pomocą JavaScript/jQuery.

Odpowiedz

72

Wystarczy użyć reguły CSS

* {cursor: none;} 
+0

poprawne - ale niektóre przeglądarki będą nadal pokazać kursor jeśli wysokość dokument nie jest wypełniony /> 100%. – goddva

+0

Słyszałem o tym rozmawiać, ale powiedziano mi, że to nie działa ... to miła niespodzianka :) –

+0

to nie działa w chrome – DanJ

2

Spróbuj użyć CSS:

#elementID{ 
    cursor: none; 
    } 
+15

Powinieneś usunąć zduplikowaną odpowiedź – Vanuan

3

Spróbuj tego: http://www.webtoolkit.info/javascript-custom-cursor.html

i użyć przezroczystego kursora.

+1

Powinno to być więcej w przeglądarce niż * {kursor: brak}, ale tak długo, jak będziesz trzymać się przeglądarek zgodnych ze standardami, to może wystarczyć – warpech

+0

Link pokazuje "Ta strona jest wspierana przez HostGator" i 404 na całej stronie. – Atomosk

+0

Mój komentarz był istotny w 2009 roku pod kątem zgodności z różnymi przeglądarkami w starych przeglądarkach, takich jak IE6. Od wersji 9, IE obsługuje 'cursor: none', więc teraz polecam to rozwiązanie. – warpech

13

Znalezienie czegoś, co działa w różnych przeglądarkach, jest uciążliwe.

Poniższy kod działa w Chrome, IE i Firefox. IE lubi .cur plików, Chrome lubi wbudowanego PNG, a niektóre przeglądarki rzeczywiście respektować żadnego :)

#div { 
    cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjbQg61aAAAADUlEQVQYV2P4//8/IwAI/QL/+TZZdwAAAABJRU5ErkJggg=='), 
    url(images/blank.cur), 
    none !important; 
} 
+0

Aby uzyskać zestaw pustych kursorów domeny publicznej (w tym .cur): http://pc.autons.net/stuff/blanks/ – Gilead

+0

Dla mnie. Nie można pobrać pliku .cur w dowolnym miejscu, więc tutaj jest inny link; [Pobierz puste.cur] (https://drive.google.com/file/d/14CctT9tg3cTYx5QDaramFTeVsFW-krKX/view?usp=sharing) –

Powiązane problemy