Hide Cursor doesn't work (CSS)

Question

My question is quite similar to another one on Stack Oweflow, however the answer on the other question didn't help me.

So I tried to hide the cursor on a webpage by writing following code in my stylesheet:

* { cursor: none; }

It works fine on some parts of the website but in other parts you can see it. Anyone had a similar problem and/or knows the answer?

Possible duplicate of [Is it possible to hide the cursor in a webpage using CSS or Javascript?](http://stackoverflow.com/questions/1071356/is-it-possible-to-hide-the-cursor-in-a-webpage-using-css-or-javascript) — Luciano, Jan 08 '16 at 15:06
@Luciano No, I don't want to do it in Javascript, that is unnecessary — , Jan 08 '16 at 15:07
Read the answer again, it uses CSS and gives the option of using JS — Luciano, Jan 08 '16 at 15:12
@Luciano No read my question again. I already have the "cursor: none;" but it doesn't works. And like I said, I don't want to use JS for that. Thanks anyway — , Jan 08 '16 at 15:14

CoderPi · Accepted Answer · 2016-01-08T14:53:54.423

7

It will still show on elements, that have their own cursor: ... defined.

You can use * { cursor: none !important; } to avoid this and make it work ... but some might say never use !important

edited Jan 08 '16 at 14:53

answered Jan 08 '16 at 14:49

CoderPi

This is actually one of the few cases that warrant the existence of `!important`. – Niels Keurentjes Jan 08 '16 at 14:52
Oh thanks! You have no Idea how long I searched for an answer. – Jan 08 '16 at 14:57
@MaëlWyssbrod that's why we help you ; ) – CoderPi Jan 08 '16 at 14:59

1 Answers1