Question

我正在使用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）不喜欢使用游标图像？

Answer 1

确保正确链接到光标图像。一旦你这样做，setStyleName("myCursor");就可以了。

我刚尝试过在一些博客上找到的这个侠盗猎车手游标，它起作用了：

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

Here's a CodePen link so you can play around with it.

请参阅this link和this link以获取更多帮助。

在GWT中使用CSS自定义鼠标光标

1 个答案: