2009-09-01 34 views
37

¿Es posible ocultar el cursor del mouse en un navegador web?Navegador web: oculte el cursor del mouse

He hecho esto en Flash para una aplicación de pantalla táctil, donde el cursor del mouse distrae y no es necesario. Esta vez es para una pantalla de visualización que no es interactiva, por lo que no es necesario un cursor de mouse.

Mi intuición es que no hay una manera fácil de lograr esto en el navegador web, solo mediante el uso de un complemento de navegador.

¿El navegador en uso es Firefox, entonces quizás hay un complemento que logra esto? Aunque sería preferible poder hacer esto a través de JavaScript/jQuery.

Respuesta

72

sólo tiene que utilizar la regla css

* {cursor: none;} 
+0

correcta - pero algunos navegadores seguirá mostrando el cursor si la altura documento está vacío /> 100%. – goddva

+0

He oído hablar de esto, pero me dijeron que no funcionó ... es una sorpresa agradable :) –

+0

no funciona en Chrome – DanJ

2

Trate de usar el CSS:

#elementID{ 
    cursor: none; 
    } 
+15

Debe eliminar una respuesta duplicada – Vanuan

3

Prueba esto: http://www.webtoolkit.info/javascript-custom-cursor.html

Y utilizar un cursor transparente.

+1

Esto debería ser más de navegador cruzado que * {cursor: none}, pero siempre y cuando se adhiera a navegadores compatibles con estándares, eso puede ser suficiente – warpech

+0

El enlace muestra "Este sitio está activado por HostGator" y 404 en toda la página. – Atomosk

+0

Mi comentario fue relevante en 2009 para la compatibilidad entre navegadores en navegadores antiguos como IE6. Desde la versión 9, IE admite 'cursor: none', así que recomendaría esa solución ahora. – warpech

13

Encontrar algo que funcione en los navegadores es un problema.

El siguiente código funciona en Chrome, IE y Firefox. IE le gusta .cur archivos, Chrome le gusta el png incrustado, y algunos navegadores realidad respetar la ningunos :)

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

Para obtener un conjunto de cursores en blanco de dominio público (incluido .cur): http://pc.autons.net/stuff/blanks/ – Gilead

+0

Funcionó para mí. No se pudo recuperar el archivo .cur en cualquier lugar, así que aquí hay otro enlace; [Descargar blank.cur] (https://drive.google.com/file/d/14CctT9tg3cTYx5QDaramFTeVsFW-krKX/view?usp=sharing) –

Cuestiones relacionadas