常用的几种鼠标样式:
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