2009-09-01 13 views
37

È possibile nascondere il cursore del mouse in un browser Web?Browser Web: Nascondi cursore del mouse

Ho eseguito questa operazione in Flash per un'applicazione touch screen, in cui il cursore del mouse è distratto e non necessario. Questa volta è per uno schermo di visualizzazione non interattivo, quindi non è necessario un cursore del mouse.

Il mio istinto è che non esiste un modo semplice per raggiungere questo obiettivo nel browser Web, solo utilizzando un plug-in del browser.

Il browser in uso è Firefox, quindi forse c'è un plug-in che consente di ottenere questo? Anche se sarebbe preferibile poterlo fare tramite JavaScript/jQuery.

risposta

72

Basta usare regola CSS

* {cursor: none;} 
+0

corretta - ma alcuni browser mostrano ancora il cursore se l'altezza del documento non è compilato /> 100%. – goddva

+0

Avevo sentito parlare di questo, ma mi è stato detto che non funzionava ... è una bella sorpresa lo fa :) –

+0

non funziona in chrome – DanJ

2

Provare a utilizzare i CSS:

#elementID{ 
    cursor: none; 
    } 
+15

È necessario eliminare una risposta duplicata – Vanuan

3

Prova questa: http://www.webtoolkit.info/javascript-custom-cursor.html

E utilizzare un cursore trasparente.

+1

Questo dovrebbe essere più cross-browser di * {cursor: none}, ma finché si rimane sui browser conformi agli standard, ciò può essere sufficiente – warpech

+0

Il collegamento mostra "Questo sito è attivato da HostGator" e 404 in tutta la pagina. – Atomosk

+0

Il mio commento è stato rilevante nel 2009 per la compatibilità cross-browser nei vecchi browser come IE6. Dalla versione 9, IE supporta 'cursor: none', quindi raccomanderei la soluzione ora. – warpech

13

Trovare qualcosa che funziona attraverso i browser è un dolore.

Il codice seguente funziona su Chrome, IE e Firefox. IE piace .cur file, Chrome piace il png incorporato e alcuni browser in realtà nessuno rispetta la :)

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

Per ottenere un set di cursori vuoti di dominio pubblico (incluso .cur): http://pc.autons.net/stuff/blanks/ – Gilead

+0

Ha funzionato per me. Impossibile recuperare il file .cur da nessuna parte, quindi ecco un altro collegamento; [Scarica blank.cur] (https://drive.google.com/file/d/14CctT9tg3cTYx5QDaramFTeVsFW-krKX/view?usp=sharing) –

Problemi correlati