Search code examples
cssmousechromium-embedded

Disable mouse cursors on entire page using CSS

I want to remove the mouse cursor on the entire page. In Chromium 13.0 the following was working well. But now after an upgrade to Chromium 40.0 it is no longer working. On the one hand the mouse cursor is visible and on the other hand the user cannot use the touchscreen as it should be. 

html * {
cursor: none !important;
-webkit-touch-callout: none !important;
-webkit-user-drag: none !important;
-webkit-user-select: none !important;
user-select: none !important;

}

and also

* {
cursor: none !important;
-webkit-touch-callout: none !important;
-webkit-user-drag: none !important;
-webkit-user-select: none !important;
user-select: none !important;

}

How can I remove the mouse cursor using CSS? Or is there an Chromium switch?

Solution

  • Not tested, but body { cursor: none !important; } works for me in other cases, browsers.