css 鼠标样式

/* 修改鼠标样式示例 */

/* 将鼠标悬停在元素上时变为手型 */
.example1 {
  cursor: pointer;
}

/* 将鼠标悬停在元素上时变为文本选择光标 */
.example2 {
  cursor: text;
}

/* 将鼠标悬停在元素上时变为等待状态（通常是一个小时glass） */
.example3 {
  cursor: wait;
}

/* 将鼠标悬停在元素上时变为不可用状态（通常是斜线的圆圈） */
.example4 {
  cursor: not-allowed;

}

/* 使用自定义图片作为鼠标样式 */
.example5 {
  cursor: url('custom-cursor.png'), auto;
}

解释说明：

• cursor: pointer;：当鼠标悬停在元素上时，鼠标指针会变成手型，通常用于表示可点击的元素。
• cursor: text;：当鼠标悬停在元素上时，鼠标指针会变成文本选择光标，通常用于输入框或文本区域。
• cursor: wait;：当鼠标悬停在元素上时，鼠标指针会变成等待状态，通常用于表示程序正在加载或处理中。
• cursor: not-allowed;：当鼠标悬停在元素上时，鼠标指针会变成不可用状态，通常用于表示操作被禁止。
• cursor: url('custom-cursor.png'), auto;：使用自定义图片作为鼠标样式，如果图片加载失败，则回退到默认样式。