web-dev-qa-db-fra.com

Navigateur Web: masquer le curseur de la souris

Est-il possible de cacher le curseur de la souris dans un navigateur Web?

Je l'ai fait dans Flash pour une application à écran tactile, où un curseur de souris est distrayant et inutile. Cette fois, c'est pour un écran d'affichage non interactif, donc un curseur de souris n'est pas nécessaire.

Mon intuition est qu'il n'y a pas de moyen facile d'y parvenir dans le navigateur Web, uniquement en utilisant un plug-in de navigateur.

Le navigateur utilisé est Firefox, alors peut-être y a-t-il un plug-in qui y parvient? Bien qu'il soit préférable de pouvoir le faire via JavaScript/jQuery.

javascriptjqueryhtmlfirefoxbrowser
42
Peter Bridger

Utilisez simplement une règle CSS:

* {
cursor: none;
}
77
Eldar Djafarov

Trouver quelque chose qui fonctionne sur tous les navigateurs est pénible.

Le code ci-dessous fonctionne sur Chrome, IE et Firefox. IE aime les fichiers .cur, Chrome aime le png intégré, et certains navigateurs respectent en fait aucun :)

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

Essayez d'utiliser le CSS:

  #elementID{
     cursor: none;
  }
2
scragar