css鼠标样式

/* 鼠标悬停在元素上时，改变鼠标样式为手形 */
a:hover {
  cursor: pointer;
}

/* 鼠标悬停在元素上时，改变鼠标样式为等待（通常是一个转圈的图标） */
#loading-area:hover {
  cursor: wait;
}

/* 鼠标悬停在元素上时，改变鼠标样式为文本选择光标 */
p:hover {
  cursor: text;
}

/* 鼠标悬停在元素上时，改变鼠标样式为禁止（通常是一个圆圈加斜杠） */
.disabled-button:hover {
  cursor: not-allowed;
}

/* 鼠标悬停在元素上时，改变鼠标样式为十字线 */
.canvas:hover {
  cursor: crosshair;
}

/* 鼠标悬停在元素上时，改变鼠标样式为帮助（通常是一个问号或气泡） */
.help-icon:hover {
  cursor: help;
}

解释说明：

• cursor 属性用于定义当鼠标指针位于某个元素上方时的样式。
• pointer：将鼠标指针变为手形，常用于链接或按钮，表示可点击。
• wait：将鼠标指针变为等待状态，通常用于加载内容时。
• text：将鼠标指针变为文本选择光标，常用于文本区域。
• not-allowed：将鼠标指针变为禁止状态，表示操作不可用。
• crosshair：将鼠标指针变为十字线，常用于绘图工具。
• help：将鼠标指针变为帮助图标，表示有提示信息。