2

我正在使用 libgdx 部署 GWT 应用程序。我猜这个问题更多地与 GWT 而不是 libgdx 有关，因为我直接使用 GWT 代码和 CSS 来解决这个问题。

我想根据使用 CSS 的图像设置鼠标光标，但我只能让它与预定义的光标一起工作。

我从这样的代码中更改光标：

RootPanel.get().setStyleName("mycursor");

我也尝试过 addStyleName("mycursor") ，它给出了相同的结果。

下面是一些有效和无效的 CSS 示例。请注意，问题似乎与图像文件的 URL 路径无关，因为我可以使用相同的路径来设置背景。

/* Does not work */
.mycursor *, .mycursor .absolutelyPositioned  {
    cursor: url("cursor.png"); 
}

/* Works */
.mycursor *, .mycursor .absolutelyPositioned  {
    cursor: move; 
}


/* The image file is found and working! */
body {
    background-image:url("cursor.png"); /* <-- Works*/
    cursor: url("cursor.png"); /* <-- Does not work */
}

在 GWT 之外测试 CSS 时，可以很好地从这样的图像设置鼠标光标，所以我真的找不到这不起作用的原因。

我是否遗漏了什么，或者 GWT（或者可能是 libgdx）只是不喜欢使用图像作为光标？

4

1 回答 1

4

确保正确链接到光标图像。一旦你这样做，setStyleName("myCursor");应该工作。

我刚刚尝试了在某个博客上找到的这个侠盗猎车手游标，它奏效了：

.myCursor {
    cursor: url(http://i696.photobucket.com/albums/vv323/RoamPT/mouse.png), auto;
}

这是一个 CodePen 链接，因此您可以使用它。

请参阅此链接和此链接以获取更多帮助。

于 2013-08-29T00:01:11.527 回答