Categories
CSS

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

Spread the love

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

in this article, we’ll look at how to add wait cursor over entire HTML page with CSS.

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

To add wait cursor over entire HTML page with CSS, we can set the cursor style.

For instance, we write

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

to set the body element’s cursor to wait with cursor: wait to make the page show the wait cursor.

And we have

* {
  cursor: inherit;
}

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

Conclusion

To add wait cursor over entire HTML page with CSS, we can set the cursor style.

By John Au-Yeung

Web developer specializing in React, Vue, and front end development.

Leave a Reply

Your email address will not be published. Required fields are marked *