Navigateur web : Masquer le curseur de la souris

Question

Est-il possible de masquer le curseur de la souris dans un navigateur web ?

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

Mon intuition me dit qu'il n'y a pas de moyen facile d'y parvenir dans le navigateur web, mais seulement en utilisant un plug-in de navigateur.

Le navigateur utilisé est Firefox Il existe peut-être un plug-in qui permet d'y parvenir ? Bien qu'il serait préférable de pouvoir le faire via JavaScript/jQuery.

Answer 1

Il suffit d'utiliser une règle CSS :

* {
cursor: none;
}

Answer 2

Il est difficile de trouver quelque chose qui fonctionne sur tous les navigateurs.

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 le none :)

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

Answer 3

Essayez d'utiliser le CSS :

  #elementID{
     cursor: none;
  }

Answer 4

Essayez ça : http://www.webtoolkit.info/javascript-custom-cursor.html

Et utilisez un curseur transparent.

Answer 5

Vous pouvez voir diese Link : le curseur peut être caché, et déplacé, (simulation)

http://www.bayersoft.com/aCloud/AncyraComponent/AncyraMouse/default.html