CSS3鼠标样式详解：cursor:not-allowed禁止手势

现代浏览器如 Internet Explorer (IE)、Chrome 和 Firefox 均支持 `cursor: not-allowed` 属性，该属性用于在用户尝试进行不允许的操作时，显示一个禁止手势的鼠标指针。例如，当用户试图点击一个禁用的按钮或链接时，可以通过设置 `cursor: not-allowed;` 来提供视觉反馈。

为了确保元素在不可交互状态下仍然响应鼠标事件，可以结合使用 `pointer-events: auto!important;`：

cursor: not-allowed; pointer-events: auto!important; cursor: not-allowed!important;

`cursor` 属性是 CSS 中用于定义鼠标指针样式的属性，常见的值包括但不限于：

• `cursor: pointer;`：鼠标指针显示为指向链接的手形，通常用于链接或其他可点击元素。
• `cursor: help;`：鼠标指针显示为问号，提示用户可以获取帮助信息。
• `cursor: move;`：鼠标指针显示为四向箭头，表明对象可以被移动。
• `cursor: wait;`：鼠标指针显示为沙漏或旋转圈，表示程序正在处理中。
• `cursor: progress;`：鼠标指针显示为一个圆形箭头，表示进程正在进行中。
• `cursor: text;`：鼠标指针显示为 I 形，表明可以输入文本。
• `cursor: default;`：默认鼠标指针，通常是一个箭头。
• `cursor: crosshair;`：鼠标指针显示为十字线，常用于图像编辑等场景。
• `cursor: url(), fallback;`：允许自定义鼠标指针样式，`url()` 内填写图片链接，`fallback` 后跟一个备用样式，以防自定义图片无法加载。