CSS 中可以使用 cursor 属性来设置鼠标悬停在元素上时要显示的光标类型。若要设置禁止（不可点击）样式，可以将 cursor 属性设置为 not-allowed，实现方式如下：
.element {
cursor: not-allowed;
}
上述代码中，.element 表示需要应用禁止样式的元素。
当鼠标悬停在该元素上时，光标将会变成一个圆形禁止图标，表示该元素无法进行交互操作。
cursor 属性定义当鼠标指针移动到元素上时显示的光标类型。这个属性可以应用于所有 HTML 元素。
下面是 cursor 属性的取值及其对应的光标类型：
- auto：使用浏览器默认光标。
- default：默认光标，通常是一个箭头。
- none：没有光标，通常需要 JavaScript 配合使用。
- context-menu：上下文菜单光标，通常是一个垂直的箭头和一个小框。
- help：帮助光标，通常是一个问号或类似图标。
- pointer：手形光标，通常表示链接可以被点击。
- progress：进度光标，通常是一个圆圈或旋转图标。
- wait：等待光标，通常是一个沙漏或旋转图标。
- cell：单元格光标，通常是一个十字形等分标志。
- crosshair：准星光标，通常是一个十字形。
- text：文本光标，通常是一个竖线（ | ）。
- vertical-text：竖排文本光标，通常是一个水平线（ — ）。
- alias：别名光标，通常是一个矢量图形。
- copy：复制光标，通常是一个矢量图形。
- move：移动光标，通常是带有四个箭头的十字形。
- no-drop：不可拖动光标，通常是一个圆圈和一条斜线。
- not-allowed：不允许光标，通常是一个圆圈和一个斜杠（ / ）。
- all-scroll：所有方向滚动光标，通常是带有四个箭头的十字形。
- col-resize：水平拉伸光标，通常是一个双箭头。
- row-resize：垂直拉伸光标，通常是一个双箭头。
- n-resize：向上调整大小光标，通常是一个双箭头。
- e-resize：向右调整大小光标，通常是一个双箭头。
- s-resize：向下调整大小光标，通常是一个双箭头。
- w-resize：向左调整大小光标，通常是一个双箭头。
- ne-resize：向右上调整大小光标，通常是一个双箭头。
- nw-resize：向左上调整大小光标，通常是一个双箭头。
- se-resize：向右下调整大小光标，通常是一个双箭头。
- sw-resize：向左下调整大小光标，通常是一个双箭头。
- ew-resize：水平调整大小光标，通常是一个双箭头。
- ns-resize：垂直调整大小光标，通常是一个双箭头。
- nesw-resize：向右上和左下调整大小光标，通常是一个双箭头。
- nwse-resize：向左上和右下调整大小光标，通常是一个双箭头。
- zoom-in：放大光标，通常是一个加号。
- zoom-out：缩小光标，通常是一个减号。
使用方式：
.element {
cursor: pointer;
}
上述代码中，.element 表示需要应用指定样式的元素，pointer 表示需要显示的光标类型，这里为手形光标。
cursor 属性只影响当前元素，不影响其内部的子元素。如果要改变子元素的光标，必须对每个子元素应用 cursor 属性。
例如，以下代码将在鼠标悬停在 .parent 元素及其所有后代元素上时显示 “帮助” 光标：
.parent, .parent * {
cursor: help;
}