鼠标的指针状态 以及 事件禁用

常用的几种鼠标样式:

cursor: auto; // 光标
cursor: crosshair; // 十字
cursor: default; // 默认
cursor: e-resize; // 左右
cursor: help; // 箭头+小问号
cursor: move; // 移动,上下左右
cursor: n-resize; // 上下
cursor: ne-resize; // 左下+右上
cursor: nw-resize; // 左上+右下
cursor: pointer; //
cursor: progress; // 加载
cursor: s-resize; // 上下
cursor: se-resize; // 左上+右下
cursor: sw-resize; // 左下+右上
cursor: text; // 光标
cursor: w-resize; // 左右
cursor: wait; // 等待
补充:
cursor: no-drop // 是一个红色的圈加一个斜杠,表示禁用的意思(:hover状态下的样式 依然 起作用)
cursor: not-allowed // 是一个红色的圈加一个斜杠,表示禁用的意思(:hover状态下的样式 不 起作用)
cursor: url(https://files.cnblogs.com/files/wkfvawl/cursor.ico), auto; // 自定义鼠标样式
禁用标签:一般<input>、<button>的功能禁用,浏览器带有默认样式
<input class="input" disabled="disabled" value="禁用"></input>

.input:disabled{ // 修改禁用的样式
    cursor: not-allowed;
}
禁用事件:标签上鼠标原有的事件不能实现
pointer-events: none
原文地址:https://www.cnblogs.com/MrZhujl/p/11428841.html