使用CSS单击链接时保留自定义光标

我使用此css代码将光标更改为自定义图像

*
{
    cursor: url(../images/cursor.png), auto;
}

---

现在，无论何时单击链接或按钮，光标都会更改为默认值。如何防止它？

您也需要对特定链接应用相同的css。e、 g

a {
 cursor: url(http://placehold.it/50x30) , auto;
}

就你而言

a {
 cursor: url(../images/cursor.png), auto;
}

有关更多参考资料——

---

您的意思是，如果您单击某个链接，按住该链接并移动一点，将显示默认光标？这无法更改，因为此交互会导致元素（在本例中为链接）被拖动，而不能将其样式设置为afaik

编辑：是，*应用于所有元素，并将始终覆盖浏览器默认值。所以这不是一个特殊性问题。

CSS:

.custom-cursor:link {
        cursor: url(../images/cursor.png), auto;
    }

.custom-cursor:hover {
        cursor: url(../images/cursor.png), auto;
    }

.custom-cursor:active {
        cursor: url(../images/cursor.png), auto;
    }

HTML:

。

---

将

class=“custom cursor”

添加到每个要执行此行为的链接或按钮。

如果可以运行代码，则调试更容易。我从未使用过自定义光标，因此我不确定，但您是否也尝试将光标设置为：active？是的，尽管我非常确定*适用于所有元素。如果我错了，请纠正我。无论如何，还是不行，伙计们。你试过我的建议吗？谢谢，但这不是a的意思。单击链接时，光标会在半秒钟内变为正常光标。

<a href="YourLinkHere" class="custom-cursor">link visible text here</a>.