How to add wait cursor over entire HTML page with CSS?

Sometimes, we want to add wait cursor over entire HTML page with CSS.

How to add wait cursor over entire HTML page , we will look at in this article with CSS.

How to add wait cursor over entire HTML page with CSS?

First, we have to set the cursor style to add wait cursor over entire HTML page with CSS.
For instance, we write

* {
  cursor: inherit;
}
body {
  cursor: wait;
}

To make the page show the wait cursor, we have to set the body element’s cursor to wait with cursor: wait.
And we have

* {
  cursor: inherit;
}

so that all child elements inherits the same cursor style as body.

Conclusion

We can set the cursor style to add wait cursor over entire HTML page with CSS.