Get the App
SLTechnology News&Howtos  ›  Development  › 

What is the difference between cursor:hand and cursor:pointer in web development

Shulou Source: shulou.com Published: 2022-06-03 17:55:31 10月01日 Update

This article mainly shows you "What is the difference between cursor:hand and cursor:pointer in web development", the content is simple and easy to understand, and the organization is clear. I hope it can help you solve your doubts. Let Xiaobian lead you to study and learn "What is the difference between cursor:hand and cursor:pointer in web development".

Cursor:hand and cursor:pointer have the same effect, just like the cursor pointing to the link, the cursor becomes a hand line.

cursor:hand: IE fully supports it. But firefox is not supported, no effect.

cursor:pointer: is a CSS 2.0 standard. Firefox is supported, but IE 5.0 does not support it. IE6 is supported.

Conclusion: Cursor:pointer is still convenient.

cursor: mouse

pointer: pointer

Attachment: Cursor Attribute Collection

Cursor Type CSS

crosshair cursor: crosshair;

hand cursor: pointer;

cursor: hand;

Two are written to take care of IE5, which only recognizes hand.

Wait/hourglass cursor: wait;

help cursor: help;

Unable to drop cursor: no-drop;

Text/edit cursor: text;

movable object cursor: move;

North cursor: n-resize;

South cursor: s-resize;

East cursor: e-resize;

West cursor: w-resize;

North East cursor: ne-resize;

North West cursor: nw-resize;

South East cursor: se-resize;

South West cursor: sw-resize;

automatic cursor: auto;

forbidden cursor:not-allowed;

cursor: progress;

system default cursor: default;

user-defined (animation available) cursor: url ('#');

# = cursor file address (note file format must be: .cur or.ani).

The above is "What is the difference between cursor:hand and cursor:pointer in web development" All the contents of this article, thank you for reading! I believe that everyone has a certain understanding, hope to share the content to help everyone, if you still want to learn more knowledge, welcome to pay attention to the industry information channel!

Tags: Size support cursor development content article help effects file learning two animation cross address object attribute point pointer text easy to understand Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno Redmi vpn Shulou Tech Info Microsoft Apple