pointer-events和cursor怎么一块使用

`pointer-events` 和 `cursor` 是两个CSS属性，它们通常一起用于网页交互元素的设计。

1. `pointer-events`：这个属性控制用户鼠标点击、触摸和其他指针事件如何影响元素。设置为 `none` 会让元素完全透明，不会响应鼠标操作，同时保持原有形状显示，以便于设置自定义光标(`cursor`)。例如，对于模态框或者加载中的图片，可以将`pointer-events`设为`none`，展示进度条的同时不让用户误触其他区域。

2. `cursor`：它定义了用户指针（如鼠标箭头）在元素上悬停或点击时显示的样式。你可以设置成各种预定义的样式（比如`default`, `pointer`, `move`, 等）或者自定义URL（`url(cursor-image)`），改变默认的鼠标指针形状。

两者的结合使用可以帮助创建更丰富的用户体验，比如当某个按钮不可用时，通过设置`pointer-events: none; cursor: not-allowed;`，可以让鼠标指针变成叉号形状，提示用户当前状态。