发布的平台是h5，嵌入到其他网页中
鼠标怎么做到和web一样，比如鼠标放在按钮上显示小手样子，平时为指针样式，有API吗？还是只能用图片代替？用图片代替的话，不同操作系统设置的不同鼠标样式会有差异
求大佬解答
https://zhuanlan.zhihu.com/p/423190653
引用
/**
* 鼠标样式
* ps: url 需要 搭配 auto 一起使用
* 更多样式：https://developer.mozilla.org/en-US/docs/Web/CSS/cursor
*/
export const enum ECursorStyle {
/** 需被使用的自定义光标的URL */
url = "url",
/** 默认光标（通常是一个箭头）*/
default = "default",
/** 默认。浏览器设置的光标。*/
auto = "auto",
/** 光标呈现为十字线。*/
crosshair = "crosshair",
/** 光标呈现为指示链接的指针（一只手）*/
pointer = "pointer",
/** 此光标指示某对象可被移动。*/
move = "move",
/** 此光标指示矩形框的边缘可被向右（东）移动。*/
e_resize = "e-resize",
/** 此光标指示矩形框的边缘可被向上及向右移动（北/东）。*/
ne_resize = "ne-resize",
/** 此光标指示矩形框的边缘可被向上及向左移动（北/西）。*/
nw_resize = "nw-resize",
/** 此光标指示矩形框的边缘可被向上（北）移动。*/
n_resize = "n-resize",
/** 此光标指示矩形框的边缘可被向下及向右移动（南/东）。*/
se_resize = "se-resize",
/** 此光标指示矩形框的边缘可被向下及向左移动（南/西）。*/
sw_resize = "sw-resize",
/** 此光标指示矩形框的边缘可被向下移动（北/西）。*/
s_resize = "s-resize",
/** 此光标指示矩形框的边缘可被向左移动（西）*/
w_resize = "w-resize",
/** 此光标指示文本。*/
text = "text",
/** 此光标指示程序正忙（通常是一只表或沙漏）。*/
wait = "wait",
/** 此光标指示可用的帮助（通常是一个问号或一个气球）。*/
help = "help"
}
/**光标设置 */
export class Cursor {
/**当前光标样式 */
public static lastStyle: string = ECursorStyle.default;
/** 设置光标样式 */
public static SetCursorStyle(style: ECursorStyle, url = "") {
if (style == url) {
cc.game.canvas.style.cursor = `url(${url}),auto`;
}
else {
cc.game.canvas.style.cursor = style;
}
Cursor.lastStyle = cc.game.canvas.style.cursor;
}
/**显示或隐藏光标 */
public static set enabled(value: boolean) {
cc.game.canvas.style.cursor = value ? "none" : Cursor.lastStyle;
}
/**获取光标显示状态 */
public static get enabled() {
return cc.game.canvas.style.cursor == "none";
}
}
案例： ```
Cursor.SetCursorStyle(ECursorStyle.crosshair); //设置光标样式 十字
谢谢你的回复
插眼，，鼠标样式。。